body {
    overflow: auto;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #202020;
}

.col-1 {
    width: 100%;
}

.col-2 {
    width: 50%;
}

.col-3 {
    width: 33.3%;
}

.col-4 {
    width: 25%;
}

.col-5 {
    width: 20%;
}

.col-6 {
    width: 16.5%;
}

.no-top-border {
    border-top: 0 !important;
}

.no-bot-border {
    border-bottom: 0 !important;
}

.bot-border {
    border-bottom: 1px solid #eaeaea;
}

.last-td {
    border-right: 0 !important;
}

.no-border {
    border: 0 !important;
}

table.linehei50 td, table.linehei50 th {
    line-height: 50px !important;
}

.marb20 {
    margin-bottom: 20px !important;
}

.errorpage {
    width: 100%;
    height: 100%;
    color: #23353c;
}

.errorpage .wp {
    width: 1000px;
}
.footer .code img{
	width: 100px;
	height: 100px;
}
.errorpage .cont {
    width: 100%;
    height: 50%;
    position: relative;
    margin-top: 25%;
}

.error_cut {
    width: 40%;
    height: 100%;
    position: relative;
}

.errorpage h1 {
    font-size: 36px;
    line-height: 200%;
}

.errorpage p {
    font-size: 18px;
    line-height: 180%;
}

.errorpage .red {
    color: #e14561;
}

.bg403 {
    background: #8dd5f5;
}

.bg404 {
    text-align: center;
}

.bg503 {
    background: #72bcc5;
}

caption {
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border: 1px solid #eaeaea;
    border-bottom: 0;
}

.diabultp dt {
    width: 100px !important;
    height: 100px !important;
    margin: 60px 20px 0 20px !important
}

.newcontract li input {
    width: 250px !important;
}

.newcontract .head {
    border: 1px solid #EAEAEA;
}

.newcontract .rightput {
    background: transparent url("../images/check.png") no-repeat scroll 400px center !important;
}

.newcontract .button {
    width: 100% !important;
    height: 100px;
    line-height: 100px;
}

.dizhi {
    width: 100%; /*height:123px;*/
    float: left;
    margin: 10px 0;
}

.dizhi .dizhi_s {
    width: 503px; /*height:123px;*/
    border: 1px solid #ddd;
    background: #fffbff;
    float: left;
}

.dizhi .dizhi_s .dizhi_s_1 {
    padding: 10px 0 0;
    height: 30px;
}

.dizhi .dizhi_s .dizhi_s_1 .dizhi_s_1_1 {
    width: 203px; /*height:30px;*/
    float: left;
}

.dizhi .dizhi_s .dizhi_s_1 .dizhi_s_1_1 b {
    width: 80px;
    text-align: right;
    float: left;
    line-height: 28px;
}

.dizhi .dizhi_s .dizhi_s_1 .dizhi_s_1_1 .ui-search {
    float: left;
    width: 155px;
}

.dizhi .dizhi_s .dizhi_s_2 {
    padding: 5px 10px 5px;
    height: 30px;
}

.dizhi .dizhi_s .dizhi_s_2 .dizhi_s_2_1 {
    /*height:30px;*/
    float: left;
}

.dizhi .dizhi_s .dizhi_s_2 .dizhi_s_2_1 b {
    width: 70px;
    text-align: right;
    float: left;
    line-height: 28px;
}

.dizhi .dizhi_s .dizhi_s_2 .dizhi_s_2_1 .ui-search {
    float: left;
    width: 155px;
}

.dizhi .dizhi_s .dizhi_s_2 .dizhi_s_2_1 .dizhi_city {
    cursor: pointer;
    color: #999;
    text-align: left;
}

.dizhi_city {
    cursor: pointer;
    color: #999 !important;
    text-align: left;
}

.dizhi .dizhi_s .dizhi_s_2 .dizhi_s_2_1 .dizhi_city:hover {
    border: 1px solid #D7D7D7;
}

.dizhi_t {
    right: 0;
    width: 310px;
    background: #fff;
    border: 1px solid #ed7220;
    position: absolute;
    z-index: 1000;
    display: none;
    font-size: 12px;
    line-height: 19px;
    color: rgb(102, 102, 102);
}

.dizhi_t .dizhi_t_1 {
    width: 100%;
    height: 30px;
    background: #ff8b3d;
    float: left;
}

.dizhi_t .dizhi_t_1 p {
    cursor: pointer;
    width: 70px;
    height: 30px;
    line-height: 30px !important;
    float: left;
    font-weight: bold;
    color: #FFF;
    text-align: center !important;
}

.dizhi_t .dizhi_t_1 .hover {
    cursor: pointer;
    background: #FFF;
    color: #ff8b3d;
    width: 68px;
}

.dizhi_t .dizhi_t_2 {
    width: 286px;
    height: auto;
    float: left;
}

.dizhi_t .dizhi_t_2 .dizhi_t_2_1 {
    width: 50px;
    height: 30px;
    float: left;
    text-align: center;
    color: #ff8b3d;
    cursor: pointer;
    line-height: 30px
}

.dizhi_t .dizhi_t_2 .dizhi_t_2_2 {
    width: 100%;
    height: auto;
    float: left;
}

.dizhi_t .dizhi_t_2 .dizhi_t_2_2 p {
    white-space: nowrap;
    width: 40px;
    height: 30px;
    float: left;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    margin-bottom: 0;
}

.dizhi_t .dizhi_t_2 .dizhi_t_2_2 p:hover {
    color: #ff8b3d;
    background: #fbfbfb;
}

.writing_diary {
    display: block;
    background: #717171;
    color: #fff;
    height: 30px;
    margin-left: 20px;
    line-height: 30px;
    width: 100px;
    text-align: center;
    border-radius: 3px;
}

#edui3_state {
    line-height: 30px;
}

.province, .city {
    width: 100%;
    height: auto;
    overflow: hidden;
}

/*sidebar*/
.sidebar {
    display: block;
    width: 80px;
    height: 360px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 99;
}

.sidebar li {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #e1e1e1;
    margin: 5px;
    cursor: pointer;
    position: relative;
}

.sidebar li a {
    display: block;
    width: 100%;
    height: 100%;
}

.sidebar .qq {
    background: #e1e1e1 url(../images/side1.png) no-repeat center center;
}

.sidebar .qq:hover {
    background: #717171 url(../images/side1_1.png) no-repeat center center;
}

.sidebar .share {
    background: #e1e1e1 url(../images/side2.png) no-repeat center center;
}

.sidebar .bdsharebuttonbox {
    display: none;
    position: absolute;
    left: -220px;
    top: 5px;
    width: 180px;
    height: 30px;
    background: #fff;
    padding: 10px;
    border: 5px solid #717171;
}

.sidebar .share .bdsharebuttonbox a {
    width: 16px;
    height: 16px;
    padding-left: 0;
}

.sidebar .share:hover {
    background: #717171 url(../images/side2_1.png) no-repeat center center;
}

.sidecode {
    position: absolute;
    left: -120px;
    top: -15px;
    border: 5px solid #717171;
    display: none;
}

.sidebar .code {
    background: #e1e1e1 url(../images/side3.png) no-repeat center center;
}

.sidebar .code:hover {
    background: #717171 url(../images/side3_1.png) no-repeat center center;
}

.sidebar .totop {
    background: #e1e1e1 url(../images/side4.png) no-repeat center center;
}

.sidebar .totop:hover {
    background: #717171 url(../images/side4_1.png) no-repeat center center;
}

/*header*/
.headerwrap {
    height: 192px;
    width: 100%;
}

.header {
    width: 100%;
    height: 192px;
    background: #090909;
}

.header .top {
    height: 42px;
    line-height: 42px;
    background: #a6c311;
    color: #fff;
    width: 100%;

}

.header .top .wp ul {
    height: 38px;
}

.header .top .personal {
    height: auto;
    float: left;
    position: relative;
}

.header .top .userdetail {
    display: none;
    position: absolute;
    right: 0;
    top: 38px;
    background: #fff;
    padding: 10px;
    z-index: 99;
    border: 1px solid #ccc;
    border-top: 0;
}

.header .top .userdetail dl {
    width: 300px;
    height: auto;
    overflow: hidden;

}

.header .top .userdetail dt {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
    float: right;

}

.header .top .userdetail dd {
    text-align: right;
    line-height: 20px;
    width: 190px;
    float: right;
    position: absolute;

    top: 30px;
    color: #333;
    height: auto;
    overflow: hidden;
}

.header .top .userdetail h2 {
    color: #717171;
}

.header .top .userdetail .btn {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    clear: both;
}

.header .top .userdetail .btn a {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #070707;
    color: #fff;
}

.header .top .userdetail .btn a:hover {
    background: #a6c311;
}

.header .top .userdetail .btn a.fl {
    width: 65%;
}

.header .top .userdetail .btn a.fr {
    width: 32%;
}

.header .top .user {
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    cursor: pointer;
}

.header .top .user dt {
    margin-left: 2px;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    background: #fff;
    overflow: hidden;
    border-radius: 50%;
    float: right;
}

.header .top .user dd {
    float: right;
    color: #fff;
    font-size: 15px;
    margin-left: 30px;
}

.header .top .msg-num {
    float: right;
    margin-right: 120px;
    height: 38px;
    width: 60px;
    background: url(../images/laba.png) no-repeat 0 center;
    padding-left: 20px;
    color: #fff;
}

/*login*/
.loginbtn {
    width: 80px;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    background: #9bb60e;
    text-align: center;
    cursor: pointer;
    float: right;
}

.registerbtn {
    width: 80px;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    background: #9bb60e;
    text-align: center;
    cursor: pointer;
    float: right;
}

.loginbtn:hover {
    background: #4FB137;
}

.registerbtn:hover {
    background: #4FB137;
}

.dialog-open,
.dialog-open body {
    overflow: hidden;
}

.dialog-open body {
    padding-right: 17px;
}

.dialog {
    position: fixed;
    color: #7c7c7c;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    display: none;
    z-index: 9999;
}

.bg, .dialog .bg, .dialog1 .bg, .dialog2 .bg {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: Alpha(opacity=50);
    display: none;
}

.dialogbox {
    position: relative;
    width: 400px;
    min-height: 300px;
    padding: 15px;
    margin: 30px auto;
    background: #fff;
    overflow:hidden;
    display: none;
}

.dialogbox h1 {
    color: #333;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.dialogbox .close {
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}

.dialogbox .cont {
    width: 340px;
    margin: 0 auto;
    padding: 20px 0;
}

.dialogbox .box {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    margin: 15px 0;
    border-radius: 3px;
    position: relative;
}

.dialogbox .box.disabled {
    display: none;
}

.dialogbox .box.focus, .dialogbox .box.error, .dialogbox .valcode.error {
    border-color: #6ec558;
    box-shadow: 0 0 5px #6ec558;
}

.dialogbox .box.blur, .dialogbox .valcode.blur {
    border-color: #ccc;
}

.dialogbox .box.errorput, .coninform .errorput input, .dialogbox .valcode.errorput input {
    border-color: #f00;
    box-shadow: 0 0 5px #aa0b0b;
}

.coninform .rightput {
    background: url(../images/check.png) no-repeat 440px center;
}

#jsCompanyInfoForm .rightput {
    background: url(../images/check.png) no-repeat 500px center;
}

.dialogbox .error {
    background: #fb8344;
    color: #fff !important;
    text-align: center;
    height: 40px !important;
    line-height: 40px !important;
    margin: 20px 0;
    display: none;
}

.dialogbox .login-form-tips {
    margin: 0;
}

.dialogbox .box span {
    color: #7c7c7c;
    border-right: 1px solid #ccc;
    width: 80px;
    height: 20px;
    line-height: 20px;
    margin-top: 12px;
    text-align: center;
    display: block;
}

.dialogbox .word3 {
    letter-spacing: 4px;
}

.dialogbox .word2 {
}

.dialogbox .box input {
    width: 235px;
    padding: 10px;
    line-height: 24px;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.promptbox .cont {
    overflow:hidden;
}

.promptbox .cont img {
    width: 100px;
}

.promptbox .cont h2 {
    height:135px;
    line-height:40px;
    font-size: 20px;
}

.promptbox .button {
    background: none !important;
    clear: both;
    margin-top: 30px !important;
}

.promptbox .button .half-btn {
    display: block;
    width: 49%;
    height: 100%;
    text-align: center;
    color: #fff;
}

.promptbox .button .fl {
    background: #ff7800;
}

.promptbox .button .fr {
    background: #717171;
}

textarea:focus {
    border-color: #FF7800;
}

.promptbox textarea {
    width: 318px;
    height: 80px;
    padding: 10px;
    margin-bottom:40px;
}

.bidtips.promptbox .button {
    margin-top: 10px !important;
}

.bidtips .tips {
    position: absolute;
    right: 0;
    top: 110px;
}

.bidtips .tips strong {
    color: #F83;
}

.groupbox01.dialogbox p, .groupbox02.dialogbox p {
    font-size: 14px;
    text-align: left;
    line-height: 20px;
}

.groupbox01 .box input, .groupbox01 .box .citys, .groupbox01.dialogbox .selectContainer {
    width: 310px !important;
    text-indent: 0;
}

.groupbox01 .box .citys, .groupbox02 .box .citys {
    height: 45px;
    top: 0;
}

.groupbox02 .box input, .groupbox02 .box .selectContainer {
    width: 315px !important;
}

.groupbox02 .box .citys .manage-wrapper {
    margin-top: 45px;
}

.selectContainer p {
    line-height: 45px !important;
}

.box .citys {
    margin: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 45px;
    width: 300px;
}

.tcitybox .citys {
    top: 0;
}

.tcitybox .dizhi_t {
    top: 45px;
}

.tareas {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    border: 0 !important;
    width: 30px !important;
}

.coninform .citys {
    margin: 0;
    height: 145px;
    position: absolute;
    left: 90px;
    top: 20px;
    width: 300px;
}

.coninform .citys .dizhi_t {
    left: 30px;
    top: 50px;
}

.dialogbox .btns {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #7c7c7c;
    width: 100%;
}

.dialogbox .btn {
    color: #4FB137;
    cursor: pointer;
}

.dialogbox .button {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #5dbf45;
    color: #fff;
    margin: 0;
    border: 0;
    cursor: pointer;
    position: relative;
}

.dialogbox .button input {
    background: none;
    border: 0;
    width: 100%;
    color: #fff;
    cursor: pointer;
    line-height: 45px;
}

.dialogbox .button:hover {
    background: #4FB137;
}

.registbox {
    min-height: 400px;
}

.registbox .tab {
    border-bottom: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    color: #7c7c7c;
    font-size: 16px;
    cursor: pointer;
}

.registbox .tab .active {
    color: #4FB137;
}

.registbox .tab div {
    height: 30px;
    line-height: 30px;
    width: 49%;
    text-align: center;
    float: left;
    border-left: 1px solid #ddd;
}

.registbox .tab div:first-child {
    border: 0;
}

.registbox .tab-box {
    position: relative;
}

.registbox .box .sendcode {
    position: absolute;
    right: 3px;
    top: 3px;
    background: #5dbf45;
    z-index: 99;
    height: 39px;
    line-height: 39px;
    width: 100px;
    margin: 0;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-indent: 0;
    padding: 0;
}

.registbox .box .sendcode:hover {
    background: #4FB137;
}

.registbox .valcode {
    display: none;
    width: 200px;
    height: 85px;
    position: absolute;
    right: 0;
    top: -90px;
    background: #fff;
    border: 1px solid #4FB137;
    z-index: 100;
    overflow: hidden;
}

.registbox .valcode .txt {
    border: 1px solid #ccc;
    width: 100px;
    height: 33px;
    position: absolute;
    left: 5px;
    top: 45px;
}

.registbox .valcode .code {
    left: 5px;
    width: 102px;
}

.registbox .valcode span {
    height: 35px;
    line-height: 35px;
    display: block;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    color: #333;
    z-index: 99;
    border: 0;
    cursor: pointer;
    text-align: center;
    width: 80px;
}

.registbox .valcode .sure {
    background: #ff9d33;
    top: 45px;
    color: #fff;
    cursor: pointer;
}

.registbox .valcode .sure:hover {
    background: #FB8344;
}

.registbox .sendmessage {
    height: 30px;
}

.dialogbox .captcha {
    background: #4FB137;
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    height: 35px;
    line-height: 33px;
    width: 90px;
    cursor: pointer;
    border: 0;
    z-index: 110;
}

.dialogbox .rtcode .captcha {
    left: 5px;
}

.dialogbox .mobile-register-captcha {
    position: absolute;
    left: 5px;
    top: 45px;
    width: 100px;
    height: 33px;
    border: 1px solid #ccc;
}

.forgetbox .button {
    margin-top: 20px !important;
}

.noactivebox .center {
    text-align: center;
    line-height: 20px;
}

.noactivebox img {
    margin: 20px auto;
}

.noactivebox .green, .dialogbox .green, .green {
    color: #717171 !important;
}

.noactivebox .btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #717171;
    display: block;
    border-radius: 2px;
    margin: 20px auto;
}

.noactivebox .close {
    top: 0 !important;
}

.okdialog .cont .des {
    margin-top: 40px;
}

.okdialog .cont img {
    float: left;
}

.okdialog .cont p {
    display: inline;
    line-height: 50px;
    font-size: 24px;
    padding-left: 60px;
}

.okdialog .cont .button {
    margin-top: 70px !important;
}

.changephone p {
    font-size: 16px;
    text-align: center;
    line-height: 150%;
    color: #333;
}

.changephone .button {
    float: left;
    border-radius: 2px;
}

.changephone .box .fl {
    left: 0;
}

.changephone .getcode {
    width: auto !important;
    background: #ff7800;
    color: #fff !important;
    display: block;
    height: 35px !important;
    line-height: normal !important;
    margin: 5px !important;
    padding: 0 10px;
    border-radius: 2px;
    border: 0 !important;
    text-align: center;
    cursor: pointer;
}

.changephone .getcode.checked {
    background: #dddddd;
    color: #666 !important;
}

.groupbox .button {
    margin-top: 20px;
}

.groupbox .box .fr {
    position: absolute;
    right: -20px;
    top: 0;
    border: 0;
}

.dialogbox .box .selectContainer {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    height: 45px;
    width: 245px;
    line-height: 45px;
    margin: 0;
}

.selectContainer select {
    height: 100%;
    width: 100%;
    height: auto \9;
    border: 0;
}

.dialogbox .selectOption {
    color: #7C7C7C;
    background: transparent url("../images/select_arrow2.png") no-repeat scroll 93% 60%;
    display: block;
    font-size: 12px;
    text-align: left;
    line-height: 45px;
}

.dialogbox .selectMenu {
    width: 250px;
    margin: 0;
    left: -7px;
}

.groupbox h2 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    text-indent: -80px;
    line-height: 80px;
}

.groupbox .pic {
    margin: 0 10px 0 30px;
}

.groupbox p {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}

.paydialog {
    width: 660px;
    height: 470px;
}

.paydialog .cont {
    width: 98%;
    padding: 1%;
    margin: 0;
}

.paydialog .result {
    border-bottom: 1px dashed #dcdcdc;
    padding: 40px 0;
    line-height: 150%;
}

.paydialog .result p {
    line-height: 30px;
    width: 250px;
    text-indent: 30px;
    margin: 0 auto;
}

.paydialog .result .pic1 {
    background: url(../images/paypic1.png) no-repeat left center;
}

.paydialog .result .pic2 {
    background: url(../images/paypic2.png) no-repeat left center;
}

.paydialog h2 {
    font-size: 18px;
    line-height: 40px;
    text-align: center;
}

.paydialog .red {
    color: #e8494e;
}

.paydialog a.green:hover,
.paydialog a.red:hover {
    text-decoration: underline;
}

.paydialog .pro {
    line-height: 200%;
}

.paydialog .pro h5 {
    font-weight: bold;
    color: #3a3a3a;
    line-height: 50px;
    font-size: 14px;
}

.paydialog .pro h6 {
    color: #3a3a3a;
}

.contractbox {
    width: 850px;
    height: 950px;
    margin-left: -425px;
}

.buytips.dialogbox .box {
    border: 0;
    line-height: 14px;
}

.buytips.dialogbox .cont input[type="radio"] {
    float: right;
    display: inline;
    width: auto;
    height: 10px;
}

.buytips.dialogbox .cont p {
    width: auto;
    height: auto;
    color: #333;
    font-size: 14px;
}

.buytips.dialogbox .cont span {
    margin: 0;
    width: auto;
    display: inline;
    border: 0;
    padding-left: 10px;
}

.successbox .cont .fl {
    margin: 10px;
}

.successbox .cont {
    background: url(../images/check2.png) no-repeat 0 center;
    display: table;
    width: auto;
    height: 199px;
    padding: 0;
}

.failbox .cont {
    background: url(../images/check4.png) no-repeat 0 center !important;
}

.failbox h2 {
    color: #f00;
}

.successbox .cont h2 {
    display: table-cell;
    font-size: 18px;
    margin-top: 25px;
    padding-left: 110px;
    vertical-align: middle;
    line-height: 25px;
}

/*header middle*/
.header .middle {
    height: 80px;
    width: 100%;
    clear: both;
}

.header .middle .wp {
    height: 100%;
    background: #090909;
}

/*select*/
.selectContainer {
    margin: 5px;
    width: 80px;
    height: 27px;
    line-height: 27px;
    position: relative;
}

.selectOption {
    color: #67ae56;
    background: url('../images/select_arrow.png') no-repeat 85% 60%;
    display: block;
    cursor: pointer;
}

.selectMenu {
    width: 90px;
    border: 1px solid #67ae56;
    background: #fff;
    display: none;
    overflow: hidden;
    margin-left: -7px;
    margin-top: 6px;
    position: relative;
    z-index: 99;
}

.selectMenu li {
    padding: 5px;
    border-bottom: 1px solid #EEE;
    cursor: pointer;
    display: block;
}

.selectMenu li:hover {
    color: #67ae56;
}

.selectContainer ul.dis {
    display: block !important;
}

.searchbox {
    height: 37px;
    margin-top: 40px;
    border: 2px solid #717171;
    background: #fff;
    margin-left: 100px;
}

.searchbox input {
    width: 331px;
    height: 20px;
    margin-top: 10px;
    border: 0;
    border-left: 1px solid #cecece;
    text-indent: 10px;
}

.search_btn {
    background: #717171;
    cursor: pointer;
}

/*.searchbox .selectContainer{margin-top: 0 !important;}*/
/*.searchbox .selectContainer p{line-height: 37px !important;}*/
/*#search_type{height: 37px;line-height: 37px;width: 90px !important;}*/
/*header nav*/
.header .nav {

    height: 38px;
    font-size: 14px;
    width: 100%;
    margin-left: 260px;
}

.header .nav li {
    height: auto;
    float: left;
    width: 120px;
}

.header .nav a {
    color: #fff;
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    position: relative;
}

.header .nav a:hover, .header .nav .active {
    background: #090909;
}

.header .nav li:last-child a {
    border: 0;
}

.header .nav .hot {
    margin-top: -13px;
    margin-left: -10px;
    position: absolute;
}

.nav li.arrow {
    background: url(../images/nav_arrow.jpg) no-repeat 90% 15px;
}

.nav .drop {
    display: none;
    position: absolute;
    width: 120px;
    height: auto;
    overflow: hidden;
    border: 1px solid #717171;
    top: 37px;
    background: #fff;
    z-index: 10;
}

.nav .drop li {
    color: #333;
    border: 0;
    border-bottom: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    margin: 0;
    position: relative;
}

.nav .drop a {
    color: #333;
    border: 0;
    height: 30px;
    line-height: 30px;
    margin: 0;
    position: relative;
}

.nav .drop li:last-child {
    border: 0;
}

.nav .drop a:hover {
    color: #fff;
}

/*heder2*/
.header .exit {
    color: #fff;
}

.header .exit .btn {
    color: #ff7800;
    cursor: pointer;
}

.header .goback {
    color: #fff;
    background: url(../images/goback.png) no-repeat left center;
    padding-left: 30px;
}

.headerwrap2 {
    border-bottom: 3px solid #f5f5f5;
    height: 154px;
}

.header2 {
    border-bottom: 3px solid #f5f5f5;
    height: 154px;
}

.header2 h1 {
    font-weight: bold;
    padding-left: 20px;
    margin-left: 50px;
    border-left: 1px solid #e1e1e1;
    font-size: 30px;
    float: left;
    height: 45px;
    line-height: 45px;
    margin-top: 40px;
}

/*banner*/
.banner {
    height: 400px;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    background: #090909;
    border-top: 1px solid rgba(50, 37, 16, 0.31);
    border-bottom: 1px solid #f6f6f6;
    padding-top: 10px;
}

/*.banner .wp{overflow: hidden;position: absolute;top:10px;left:50%;margin-left:-600px;}*/
.banner .fl {
    position: relative;
    height: 400px;
    width: 1200px;
}

/*焦点图 CSS*/
.imgslide {
    height: 400px;
    width: 880px;
    position: relative;
    overflow: hidden;
}

.imgslide li,
.imgslide2 li,
.imgslide3 li,
.imgslide4 li,
.imgslide5 li {
    float: left;
}

.unslider-arrow,
.unslider-arrow2,
.unslider-arrow3,
.unslider-arrow4,
.unslider-arrow5 {
    position: absolute;
    top: 45%;
    cursor: pointer;
    z-index: 100;
    width: 33px;
    height: 50px;
}

.unslider-arrow.prev,
.unslider-arrow2.prev,
.unslider-arrow3.prev,
.unslider-arrow4.prev,
.unslider-arrow5.prev {
    left: 0;
    background: url(../images/slide_l.png) no-repeat center center;
}

.unslider-arrow.prev:hover,
.unslider-arrow2.prev:hover,
.unslider-arrow3.prev:hover,
.unslider-arrow4.prev:hover,
.unslider-arrow5.prev:hover {
    background: url(../images/slide_l_1.png) no-repeat center center;
}

.unslider-arrow.next,
.unslider-arrow2.next,
.unslider-arrow3.next,
.unslider-arrow4.next,
.unslider-arrow5.next {
    right: 0;
    background: url(../images/slide_r.png) no-repeat center center;
}

.unslider-arrow.next:hover,
.unslider-arrow2.next:hover,
.unslider-arrow3.next:hover,
.unslider-arrow4.next:hover,
.unslider-arrow5.next:hover {
    background: url(../images/slide_r_1.png) no-repeat center center;
}

.imgslide .dots,
.imgslide2 .dots,
.imgslide3 .dots,
.imgslide4 .dots,
.imgslide5 .dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 80px;
    margin-left: -40px;
}
.imgslide .dots{
    width:110px;
    margin-left:-55px;
}

.imgslide .dots li,
.imgslide2 .dots li,
.imgslide3 .dots li,
.imgslide4 .dots li,
.imgslide5 .dots li {
    float: left;
    margin: 5px;
    background: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.imgslide .dots .active,
.imgslide2 .dots .active,
.imgslide3 .dots .active,
.imgslide4 .dots .active,
.imgslide5 .dots .active {
    background: #717171 !important;
    color: #717171 !important;
}

.banner .fr {
    width: 310px;
    height: 100%;
    position: relative;
}

.banner .top {
    background: #fff;
    height: 340px;
    border: 1px solid #f0f0f0;
    text-align: center;
}

.banner .fr .head {
    height: 78px;
    background: #4fb137;
}

.banner .fr .center {
    line-height: 100%;
}

.banner .fr h1 {
    color: #fff;
    font-size: 24px;
    padding-top: 20px;
}

.banner .fr p {
    padding-top: 5px;
    color: #f3f3f3;
}

.banner .fr form {
    position: relative;
}

.banner .fr input {
    text-indent: 40px;
    width: 265px;
    padding: 7px 0;
    line-height: 24px;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    margin: 5px auto;
}

.banner .fr .icon1 {
    background: url(../images/banner_icon1.png) no-repeat 8px center;
}

.banner .fr .icon2 {
    background: url(../images/banner_icon2.png) no-repeat 8px center;
}

.banner .fr .icon3{
    background: url(../images/banner_icon3.png) no-repeat 8px center;
}

.banner .fr .demand_form_tips {
    position: absolute;
    width: 100%;
    padding: 0;
    font-size: 14px;
    color: #ff8400;
    display: none;
}

/*
.banner .fr .vali{position: relative;width: 265px;line-height: 40px;height: 40px;border: 1px solid #c6c6c6; border-radius: 3px;left:18px;top: 140px;margin: 10px 0;}
*/
.banner .fr .submit {
    margin-top: 28px;
    border-radius: 0;
    border: 0;
    color: #fff;
    text-indent: 0;
    font-size: 14px;
    top: 230px;
    background: #ff9d33 url(../images/banner_icon4.png) no-repeat 70% center;
    cursor: pointer;
}

.banner .fr .submit:hover {
    background: #ff8400 url(../images/banner_icon4.png) no-repeat 70% center;
}

.banner .bottom {
    width: 290px;
    background: #fff;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #f0f0f0;
}

.banner .bottom h1 {
    font-size: 16px;
    color: #545454;
    padding-top: 10px;
}

.banner .bottom ul {
    width: 270px;
    padding-left: 20px;
    margin-top: 15px;
    overflow: hidden;
}

.banner .bottom li {
    line-height: 25px;
    list-style: disc;
    color: #999;
}

.banner .bottom a {
    color: #999;
}

.banner .bottom .more {
    color: #717171;
    font-size: 12px;
    float: right;
}

/*feature*/
.feature {
    height: 125px;
    border: 1px solid #ccc;
    margin: 30px 0;
}

.feature li {
    float: left;
    width: 24%;
    height: 90px;
    margin-top: 17px;
    border-left: 1px dashed #ccc;
    position: relative;
}

.feature li:first-child {
    border: 0;
}

.feature .center {
    margin-top: 70px;
    color: #464646;
}

.feature .pic {
    position: absolute;
    top: 20px;
    left: 125px;
    transition: all 0.5s ease 0s;
}

.feature li:hover .pic {
    -webkit-animation: swing .4s .2s ease both;
    -moz-animation: swing .4s .2s ease both;
}

/*
.feature .feature1{background: url(../images/feature1.png) no-repeat center 20px;}
.feature .feature2{background: url(../images/feature2.png) no-repeat center 20px;}
.feature .feature3{background: url(../images/feature3.png) no-repeat center 20px;}
.feature .feature4{background: url(../images/feature4.png) no-repeat center 20px;}
.feature .feature5{background: url(../images/feature5.png) no-repeat center 20px;}
.feature .feature6{background: url(../images/feature6.png) no-repeat center 20px;}
*/
/*module*/

.module {
    clear: both;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.module h1 {
    font-size: 30px;
    color: #333333;
}

.module .eachmod {
    margin: 30px 0;
}

.module .box {
    position: relative;
    float: left;
    background: #fff;
}

.module .left {
    margin-right: 10px;
    width: 228px;
    height: auto;
    overflow: hidden;
    float: left;
    position: relative;
}

.module .left img {
    transition: all 1s ease 0s;
}

.module .left:hover img {
    transform: scale(1.2)
}

.module .right {
    width: 962px;
    height: 100%;
    float: left;
}

.module .box img {
    width: 100%;
    transition: all 1s ease 0s;
}

.module .more {
    border: 1px solid #fff;
    display: block;
    width: 96px;
    height: 30px;
    line-height: 30px;
    color: #322510;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -48px;
    top: 180px;
}

.module .fisrt_word {
    text-align: center;
    position: absolute;
    top: 70px;
    width: 100%;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
}

.module .key, .key {
    color: #fb8341 !important;
    font-size: 14px;
}

.module .right span {
    color: #9f9f9f;
}

.module1 {
    height: 300px;
}

.module1 .left.box {
    height: 100%;
}

.group_list .box {
    height: 300px;
    border: 1px solid #ccc;
    width: 233px;
    float: left;
    overflow: hidden;
    position: relative;
}



.group_list .boxx {
    height: 300px;
    border: 1px solid #ccc;
    width: 220px;
    float: left;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.group_list .box:hover {
    border-color: #717171;
}

.group_list .box:hover img {
    opacity: .5;
    filter: Alpha(opacity=50);
}

.group_list .box img {
    height: 190px;
}

.group_list .des {
    width: 94%;
    margin-left: 3%;
    position: relative;
    height: 70px;
}

.group_list .des span {
    position: absolute;
    bottom: 0;
    color: #9f9f9f;
}

.group_list .des .key {
    color: #fb8341
}

.group_list .des .fl {
    left: 0;
}

.group_list .des .fr {
    right: 0;
}

.group_list .des h2 {
    line-height: 50px;
    font-size: 18px;
    overflow: hidden;
    color: #434343;
    word-break: break-all;
}

.group_list .des a:hover h2 {
    color: #717171;
}

.group_list .bottom {
    position: absolute;
    bottom: 0;
    height: 30px;
    width: 100%;
}

.group_list .bottom span {
    background: #f0f0f0;
    display: block;
    height: 100%;
    line-height: 30px;
    text-align: center;
    color: #9f9f9f;
}

.group_list .bottom .fl {
    width: 70%;
}

.group_list .bottom .fr {
    width: 29%;
    text-indent: 10px;
    cursor: pointer;
}

.group_list .bottom .star {
    cursor: pointer;
    background: #f0f0f0 url(../images/star.png) no-repeat 10px center;
}

.group_list .bottom .collected {
    cursor: pointer;
    background: #f0f0f0 url(../images/star-hover.png) no-repeat 10px center;
}

.group_list .bottom .delete-group {
    background: #f0f0f0 url("../images/pic12.png") no-repeat center center;
}

.group_list .bottom .delete-group:hover {
    background: #f0f0f0 url("../images/pic13.png") no-repeat center center;
}

.module1_2 {
    margin-right: 10px;
    width: 470px !important;
    height: 300px;
    overflow: hidden;
}

.active2 {
    color: #3d9328 !important;
}

.module1 .imgslide2 {
    width: 470px;
    height: 100%;
    overflow: hidden;
}

.group_list .box:hover .imgslide2 img {
    opacity: 1;
    filter: Alpha(opacity=100);
}

.module1_2 img {
    height: 100% !important;
}

.module1_3, .module1_5, .module1_6, .module1_7 {
    margin-right: 10px;
}

.module1_5, .module1_6, .module1_7, .module1_8 {
    margin-top: 10px;
}

.module1_5, .module1_6 {
    width: 229px !important;
}

.module2 {
    height: 140px;
    margin-top: 40px !important;
}

.module2 ul {
    width: 100%;
    height: 130px;
    margin-top: 15px;
    background: url(../images/pathbg.png) no-repeat center center;
}

.module2 li {
    float: left;
    width: 129px;
    height: 129px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 2;
    transition: all 0.5s ease 0s;
    margin-right: 82px;
    background: #fff;
}

.module2 li:hover {
    border: 1px solid #fbc241;
    transform: rotateY(180deg);
    transform-style: preserve-3d;
}

.module2 li:hover p {
    color: #fff;
}

.module2 li .head {
    color: #202020;
    font-size: 14px;
    position: absolute;
    bottom: 30px;
    width: 100%;
    line-height: 20px;
}

.module2 .des {
    display: none;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #fbc241;
    position: absolute;
    z-index: 5;
    top: 0;
}

.module2 .path:hover .des {
    display: block;
    transform: rotateY(180deg);
    transform-style: preserve-3d;
}

.module2 .des .head2 {
    font-size: 14px;
    margin-top: 30px;
    font-weight: bold;
}

.module2 .des p {
    color: #fff;
    line-height: 20px;
}

.module2 .path1 {
    background: #fff url(../images/path2.png) no-repeat center 30px;
}

.module2 .path2 {
    background: #fff url(../images/path2.png) no-repeat center 30px;
}

.module2 .path3 {
    background: #fff url(../images/path3.png) no-repeat center 30px;
}

.module2 .path4 {
    background: #fff url(../images/path4.png) no-repeat center 30px;
}

.module2 .path5 {
    background: #fff url(../images/path5.png) no-repeat center 30px;
}

.module2 .path6 {
    background: #fff url(../images/path6.png) no-repeat center 30px;
    margin: 0;
}

.greybg {
    background: #ffffff;
    margin: 30px 0;
    padding: 30px 0;
}

.module3 {
    height: 465px;
}

.module3 li {
    width: 233px;
    height: 140px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}

.module3 li p {
    line-height: 40px;
    text-align: center;
    color: #333;
}

.module3 .five {
    margin: 0;
}

.module3 .company {
    width: 100%;
    height: 235px;
    border: 1px solid #e5e5e5;
    text-align: center;
    vertical-align: middle;
    position: relative;
    background: #fff;
}

.module3 .company img {
    vertical-align: middle;
}

.module3 .score {
    display: none;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    background: #717171;
    opacity: .9;
    filter: Alpha(opacity=90);
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
}

.module3 .score h2 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.module3 .score p {
    color: #fff;
}

.module3 .circle {
    width: 50px;
    height: 50px;
    margin-left: 57px;
    margin-top: 15px;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.module4 {
    height: 595px;
}

.module4 .imgslide3 li {
    position: relative;
}

.module4 .imgslide3 .dots li, .module5 .imgslide4 .dots li {
    background: #b2b2b2;
    color: #b2b2b2;
}

.module4 .imgslide3 li {
    overflow: hidden;
}

.module4 .box {
    border: 1px solid #e3e3e3;
    width: 312px;
    height: 291px;
    margin-right: 10px;
    margin-bottom: 11px;
    overflow: hidden;
}

.module4 .box:hover a > img {
    transform: scale(1.2);
}

.module4 .des {
    position: absolute;
    left: 30px;
    top: 30px;
}

.module4 .des h2 {
    color: #4f4f4f;
    font-size: 24px;
    line-height: 40px;
}

.module4 .des img {
    width: 40px;
}

.module4 .des span {
    color: #f32160;
}

.module4 .des .sale {
    color: #fff;
    background: #f32160;
    padding: 2px;
}

.module4 .des h3 {
    line-height: 20px;
    color: #fd0101;
    border-bottom: 1px solid #fd0101;
    margin-bottom: 10px;
}

.module4 .des .key {
    font-size: 23px;
}

.module4 .module4_4 {
    height: 595px;
}

.module4 .module4_5, .module4 .module4_6 {
    margin-right: 0;
}

.module5 {
    height: 452px;
}

.module5 .box {
    border: 1px solid #e3e3e3;
    width: 880px;
    height: 410px;
    padding: 20px 40px;
    overflow: hidden;
}

.module5 .top {
    height: 90px;
    position: relative;
}

.module5 .top h1 {
    font-size: 24px;
    color: #464646;
    line-height: 60px;
}

.module5 .top h1:hover {
    color: #4ea9fb;
}

.module5 .top .fr {
    width: 100px;
    height: 80%;
    border-left: 1px solid #e1e1e1;
    text-align: center;
}

.module5 .top h2 {
    color: #a0a0a0;
    font-size: 12px;
    line-height: 30px;
}

.module5 .top .key {
    font-size: 30px;
    color: #fb8341
}

.module5 .middle {
    height: 98px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}

.module5 .middle li {
    width: 45%;
    float: left;
    line-height: 25px;
    color: #7f7f7f;
}

.module5 .middle span {
    color: #464646;
}

.module5 .bottom {
    height: 130px;
    overflow: hidden;
}

.module5 .bottom li {
    width: 166px;
    height: 100%;
    margin: 5px;
    float: left;
    overflow: hidden;
}

.module5 .layer-box img {
    width: 166px;
    height: 100%;
    margin: 5px;
    float: left;
    overflow: hidden;
}

.module6bg {
    background: url(../images/module6bg.png) no-repeat right bottom;
}

.module6 {
    height: 452px;
}

.module6 .box {
    border: 1px solid #e3e3e3;
    width: 940px;
    height: 430px;
    padding: 10px;
}

.module6 .right .fl {
    width: 320px;
    height: 430px;
    position: relative;
    overflow: hidden;
}

.module6 .right .fl img {
    height: 430px;
}

.module6 .right .fl li {
    position: relative;
}

.module6 .right .fl p {
    position: absolute;
    bottom: 0;
    text-indent: 10px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #000;
    width: 100%;
    opacity: .5;
    filter: Alpha(opacity=50);
}

.module6 .right .fr {
    width: 600px;
}

.module6 .right dl {
    width: 100%;
    border-top: 1px dashed #ccc;
    height: 106px;
    overflow: hidden;
    margin-bottom: 20px;
    padding-top: 20px;
}

.module6 .right dl:first-child {
    border: 0;
}

.module6 .right dt {
    width: 140px;
    height: 90px;
    overflow: hidden;
    float: left;
}

.module6 .right dd {
    width: 440px;
    height: 90px;
    float: right;
    line-height: 25px;
    color: #7d7d7d;
}

.module6 .right dd h2 {
    font-size: 18px;
    height: 30px;
}

.module6 .right dd h2:hover {
    color: #fbc241;
}

.module6 .right a:hover {
    color: #fb8341;
}

footer .footer {
    background: #3a3a3a;
    height: 300px;
    padding: 15px;
    color: #717171;
}

footer .footer .nav {
    width: 500px;
    height: 30px;
    margin: 0 auto;
    font-size: 16px;
}

footer .footer .nav li {
    float: left;
    border-right: 1px solid #fff;
}

footer .footer .nav li:last-child {
    border: 0;
}

footer .footer .nav a {
    color: #fff;
    padding: 30px;
}

footer .footer .nav a:hover {
    text-decoration: underline;
}

footer .footer .cont {
    height: 140px;
    padding: 20px;
    margin-top: 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    color: #fff;
}

footer .footer .cont li {
    width: 33.3%;
    float: left;
}

footer .footer .cont .code {
    text-align: center;
}

footer .footer .cont .third {
    text-align: left;
    float: right;
    width: 250px;
    margin-top: 35px;
}

footer .footer .cont .third img {
    margin-right: 10px;
}

footer .footer .tell {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}

footer .footer .links {
    height: auto;
    overflow: hidden;
}

footer .footer .links span {
    float: left;
    font-weight: bold;
    color: #717171;
    margin: 5px;
}

footer .footer .links li {
    float: left;
    margin: 5px;
}

footer .footer .links a {
    color: #717171;
}

footer .footer .links a:hover {
    text-decoration: underline;
}

footer .footer .line {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #343434;
    clear: both;
    margin: 20px 0;
}

.listtop {
    width: 100%;
    height: auto;
    overflow: hidden;
}

/*crumbs*/

.crumbs {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #454545;
    letter-spacing: 2px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.crumbs li {
    float: left;
}

.crumbs a {
    color: #7f7f7f;
}

.crumbs a:hover {
    color: #717171;
}

/*list*/

.listoptions {
    border: 1px solid #dcdcdc;
    min-height: 50px;
}

.listoptions li {
    min-height: 50px;
    width: 100%;
    line-height: 50px;
    color: #333;
    position: relative;
}

.listoptions h2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 130px;
    background: #f6f6f6;
    color: #808080;
    text-align: center;
}

.listoptions .more {
    position: absolute;
    right: 10px;
    background: #f6f6f6;
    color: #808080;
    border: 1px solid #dcdcdc;
    height: 30px;
    top: 10px;
    line-height: 30px;
    width: 50px;
    text-align: center;
    cursor: pointer;
}

.listoptions .more:hover {
    background: #717171;
    color: #fff;
    border-color: #717171;
}

.listoptions span {
    margin: 0 12px;
    cursor: pointer;
    color: #9F9F9F;
}

.listoptions span:hover, .listoptions span.active {
    color: #717171;
}

.listoptions .cont {
    width: 950px;
    margin-left: 140px;
    height: 50px;
    overflow: hidden;
}

.list {
    height: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    min-height: 200px;
    overflow: hidden;
    clear: both;
    position: relative;
}

.list .layout {
    border: 1px solid #eaeaea;
}

.list .layout .head, .personal_des .head {
    border-bottom: 1px solid #eaeaea;
    background: #f8f8f8;
    color: #333;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    font-size: 14px;
}

.list .left {
    width: 900px;
    float: left;
}

.list .right {
    width: 280px;
    float: right;
    margin-bottom: 20px;
    overflow: hidden;
}

.list .right .more {
    float: right;
    color: #81796c;
    margin-right: 5px;
    cursor: pointer;
}

.tab_header {
    height: 50px;
    line-height: 50px;
    text-indent: 0;
}

.tab_header li {
    height: 48px;
    float: left;
    text-align: center;
    display: inline-block;
    width: auto;
    text-indent: 0;
    margin: 0 20px;
    padding: 0 2px;
    cursor: pointer;
}

.tab_header a {
    color: #333;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    width: auto;
}

.tab_header .active {
    border-bottom: 2px solid #717171;
    color: #717171;
    font-weight: bold;
}

.tab_cont {
    clear: both;
    width: 96%;
    padding: 2%;
    height: auto;
    overflow: hidden;
    line-height: 200%;
}

.tab_cont.tab_cont2 {
    display: none;
}

.list span {
    color: #9f9f9f;
}

.pageturn {
    clear: both;
    height: 30px;
    margin: 50px auto;
    display: table;
    text-align: center;
}

.pageturn .pagelist {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}

.pageturn li {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    float: left;
    text-align: center;
}

.pageturn li:first-child {
    margin-left: 0;
}

.pageturn li:hover a, .pageturn .active a {
    background: #717171;
    color: #fff;
    border-color: #eaeaea;
}

.pageturn a {
    border: 1px solid #eaeaea;
    display: block;
    height: 28px;
    color: #6c6c6c;
}

.pageturn .long {
    width: 100px;
}

.pageturn .none a {
    border: 0;
}

.pageright {
    float: right;
    width: auto;
    display: inline;
    clear: none;
    margin-top: 10px;
}

/*groupPurchase*/
.list .group_list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.list .group_list .box {
    width: 280px;
    height: 320px;
    margin: 3px;
    overflow: hidden;
}

.list .group_list .box a {
    width: 100%;
}

.list .group_list .box .des {
    height: 70px;
    /*width: 100%;*/
}

.list .group_list .box .des h2 {
    font-size: 18px;
    line-height: 30px;
}

.list .group_list .des span {
    font-size: 14px;
}

.list .group_list .des .key {
    font-size: 24px;
}

.list .group_recommend {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.list .group_recommend dl {
    height: 240px;
    padding: 20px;
    border-top: 1px solid #dcdcdc;
    padding-bottom: 40px;
}

.list .group_recommend dl:first-child {
    border: 0;
}

.list .group_recommend h2 {
    font-size: 12px;
    color: #4f4f4f;
    line-height: 20px;
}

.list .group_recommend .key {
    font-size: 18px;
    color: #ff9d33;
}

/*.groupPurchase_detail*/
.groupPurchase_detail .toppro .left {
    width: 945px;
    height: 100%;
    float: left;
}

.groupPurchase_detail .toppro .picbox {
    width: 440px;
    height: 430px;
    float: left;
}

/* left picbox */
.tb-booth {
    background: #CDCDCD;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 445px;
    overflow: hidden;
}

.tb-pic a {
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    display: block;
    overflow: hidden;
}

.tb-pic a img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}

.tb-pic a {
    *display: block;
    *font-family: Arial;
    *line-height: 1;
}

.tb-thumb {
    margin: 10px 0 0;
    overflow: hidden;
    height: 89px;
    width: 100%;
}

.tb-thumb li {
    background: transparent;
    float: left;
    height: 85px;
    width: 104px;
    margin: 0 2px 0 0;
    overflow: hidden;
    padding: 2px;
    opacity: .5;
    filter: Alpha(opacity=50);
}

.tb-thumb li:last-child {
    margin: 0;
}

.tb-thumb .tb-pic {
    border: 1px solid #CDCDCD;
    height: 100%;
    width: 100%;
}

.tb-thumb .tb-pic a {
    height: 100%;
    width: 100%;
}

.tb-thumb .tb-selected {
    background: #717171;
    padding: 2px;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.tb-thumb .tb-selected div {
    background-color: #FFFFFF;
    border: 0;
}

.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

.zoomMask {
    position: absolute;
    background: url("../images/mask.png") repeat scroll 0 0 transparent;
    cursor: move;
    z-index: 1;
    width: 100px;
    height: 100px;
}

.groupPurchase_detail .toppro {
    height: auto;
    overflow: hidden;
}

.groupPurchase_detail .toppro .des {
    width: 480px;
    height: 100%;
    float: right;
    line-height: 180%;
    position: relative;
}

.groupPurchase_detail .toppro .des h1 {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 150%;
}

.groupPurchase_detail .toppro .prize {
    width: 100%;
    height: 65px;
    line-height: 65px;
    background: #f4f4f4;
    color: #9f9f9f;
    margin: 20px 0;
    vertical-align: middle;
}

.groupPurchase_detail .toppro .prize .fl {
    margin-left: 10px;
}

.groupPurchase_detail .toppro .prize .fr {
    margin-right: 10px;
}

.groupPurchase_detail .toppro .prize .key {
    font-size: 30px;
    line-height: 30px;
}

.groupPurchase_detail .toppro .parameter {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px 0;
    padding-bottom: 40px;
}

.groupPurchase_detail .toppro .parameter li {
    height: 40px;
    line-height: 40px;
}

.groupPurchase_detail .toppro .parameter .word4 {
    letter-spacing: 1px;
}

.groupPurchase_detail .toppro .parameter .word3 {
    letter-spacing: 2px;
}

.groupPurchase_detail .toppro .parameter .pram {
    color: #9f9f9f;
}

.groupPurchase_detail .toppro .parameter span {
    float: left;
}

.groupPurchase_detail .toppro .parameter .high {
    height: auto;
    overflow: hidden;
    padding-bottom: 50px;
}

.groupPurchase_detail .toppro .parameter .pic {
    width: 40px;
    height: 40px;
    overflow: hidden;
    display: block;
    margin-top: 15px;
    margin-right: 5px;
}

.groupPurchase_detail .toppro .parameter .pic img {
    width: 100%;
}

.groupPurchase_detail .toppro .parameter .piclist {
    height: auto;
    width: 100%;
    overflow: hidden;
}

.groupPurchase_detail .toppro .btns {
    left: 60px;
    bottom: 0;
    position: absolute;
}

.groupPurchase_detail .toppro .btn {
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    float: left;
    margin: 5px;
    cursor: pointer;
}

.groupPurchase_detail .toppro .left .colectgroupbtn {
    width: 180px;
    background: #717171;
}

.groupPurchase_detail .toppro .left .collected {
    background: #717171 url(../images/star-btn.png) no-repeat 20px center;
}

.groupPurchase_detail .toppro .buy {
    width: 180px;
    background: #ff7800;
}

.groupPurchase_detail .buy.bought {
    background: #919191;
}

/*.groupPurchase_detail .toppro .right*/
.groupPurchase_detail .toppro .right {
    width: 210px;
    float: right;
    border: 1px solid #eaeaea;
    height: 440px;
    overflow: hidden;
}

.groupPurchase_detail .toppro .right .head {
    background: #717171;
    height: 70px;
    color: #fff;
    line-height: 30px;
    text-indent: 20px;
    width: 100%;
}

.groupPurchase_detail .toppro .right .head h1 {
    color: #fff;
    padding-top: 10px;
}

.groupPurchase_detail .toppro .right h2 {
    width: 92%;
    margin: 0 auto;
    overflow: hidden;
}

.groupPurchase_detail .toppro .right .pic {
    width: 150px;
    height: 80px;
    margin: 20px auto;
    border: 1px solid #eaeaea;
    overflow: hidden;
}

.groupPurchase_detail .toppro .right .tell {
    color: #717171;
    font-weight: bold;
    line-height: 30px;
    font-size: 14px;
}

.groupPurchase_detail .toppro .right .btn {
    float: none;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ff7800;
    border-radius: 2px;
    color: #ff7800;
    margin: 20px auto;
    cursor: pointer;
}

.groupPurchase_detail .toppro .right .btn:hover {
    background: #ff7800;
    color: #fff;
}

.groupPurchase_detail .toppro .right .collected {
    background: #ff7800;
    color: #fff;
}

.collectionbtn.collected {
    background: #ff7800;
    cursor: pointer;
    color: #fff !important;
}

.groupPurchase_detail .toppro .right .clear {
    width: 80%;
    margin: 0 auto;
    line-height: 25px;
    color: #9f9f9f;
    vertical-align: middle;
}

.groupPurchase_detail .toppro .right .clear p {
    color: #717171;
    font-weight: bold;
    line-height: 30px;
}

.groupPurchase_detail .toppro .right .clear li img {
    vertical-align: middle;
    width: 20px;
}

.groupPurchase_detail .toppro .right .clear li .precision img {
    width: 10px;
}

.groupPurchase_detail_pro .left {
    width: 945px;
}

.groupPurchase_detail_pro .right {
    width: 210px;
    line-height: 200%;
}

.groupPurchase_detail_pro .right .pro {
    width: 98%;
    padding: 1%;
    height: auto;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    overflow: hidden;
}

.groupPurchase_detail_pro .right .pro:first-child {
    background: red;
}

.groupPurchase_detail_pro .right a {
    display: block;
    width: 100%;
    height: 100%;
}

.groupPurchase_detail_pro .right a img {
    width: 100%;
}

.groupPurchase_detail_pro .tab_cont .pic {
    width: 100%;
    margin: 20px auto;
    height: auto;
    overflow: hidden;
}

.groupPurchase_detail_pro .comment dd {
    width: 770px;
}

.groupPurchase_detail_pro .comenlist {
    width: 100%;
}

.groupPurchase_detail_pro .comenlist .head {
    text-indent: 0;
}

.groupPurchase_detail_pro .comenlist .comment-content2 {
    width: 840px;
}

.sharecomment .comment-content2 {
    width: 810px !important;
}

/**/

.butler_list .each_butler {
    height: auto;
    overflow: hidden;
    padding: 20px;
    border-bottom: 1px solid #E3E3E3;
}

.butler_list_box {
    margin-top: 0;
}

.butler_list_box .left {
    width: 945px;
    height: auto;
    overflow: hidden;
    float: left;
}

.butler_list_box .right {
    width: 210px;
    height: auto;
    overflow: hidden;
    float: right;
}

.butler_list_box .all {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: right;
    margin-top: 20px;
    font-size: 16px;
    color: #838383;
}

.butler_list_box .listoptions .cont {
    width: 720px;
}

.butler_list {
    width: 943px;
    height: auto;
    overflow: hidden;
    border: 1px solid #e3e3e3;
}

.butler_list .star_score {
    float: none;
}

.butler_list .des {
    width: 903px;
    height: 160px;
    border-bottom: 1px solid #e3e3e3;
    padding: 20px;
    position: relative;
}

.butler_list .des:last-child {
    border: 0;
}

.butler_list_box dt {
    width: 100px;
    float: left;
}

.butler_list_box .picpic, .butler_detail_list .picpic {
    margin-bottom: 20px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    border: 5px solid #e3e3e3;
    float: left;
    text-align: center;
}

.butler_list_box dt img {
    width: 100%;
    float: left;
    text-align: center;
}

.butler_list_box dt .btn {
    margin-left: 10px;
    height: 25px;
    line-height: 25px;
    clear: both;
}

.butler_list_box dt .btn div {
    border-radius: 2px;
    color: #fff;
    width: 100%;
    height: 100%;
    background: #717171;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.butler_list_box dt .btn2 {
    position: relative;
    margin: 0;
}

.butler_list_box dt .bdsharebuttonbox span {
    width: 100%;
    line-height: 25px;
    color: #fff;
}

.butler_list_box dt .bdsharebuttonbox a {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: none;
    z-index: 10;
}

.butler_list_box .share {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.butler_list dd {
    margin-left: 20px;
    width: 770px;
    float: right;
    margin-top: 10px;
    height: 95px;
}

.butler_list h1 {
    font-size: 24px;
    color: #464646;
    line-height: 28px;
}

.butler_list h1 .key {
    display: inline-block;
    height: 30px;
    vertical-align: top;
    font-size: 14px;
    color: #ff7800;
    background: url(../images/authentication.png) no-repeat left center;
    padding-left: 30px;
    margin-left: 20px;
}

.butler_list .cont {
    margin-bottom: 10px;
    overflow:hidden;
}

.butler_list .cont li, .companyranklist .cont li {
    float: left;
    width: auto;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin-right: 15px;
    padding-left: 18px;
    color: #848484;
    overflow:hidden;
}

.butler_list .cont li {
    height: 30px;
    line-height: 30px;
    width: 300px;
    padding-left: 0;
}

.butler_list .cont li span {
    color: #323232;
}

.butler_list .cont .time {
    background: url(../images/list_time.png) no-repeat left center;
    padding-left: 0;
}

.butler_list .cont .share_c7 {
    margin-left: -2px;
    background: url(../images/share_c7.png) no-repeat left center;
}

.butler_list .cont .c7, .companyranklist .cont .c8 {
    background: url(../images/pic7.png) no-repeat left center;
}

.butler_list .cont .c8, .companyranklist .cont .c7 {
    background: url(../images/share_c8.png) no-repeat left center;
}

.butler_list .cont .pic9, .companyranklist .cont .pic9 {
    background: url(../images/pic9.png) no-repeat left center;
}

.butler_list .cont .pic10, .companyranklist .cont .pic10 {
    background: url(../images/pic10.png) no-repeat left center;
}

.butler_list .clear span {
    margin-right: 10px;
}

.butler_list .buy, .buyservice {
    width: 70px;
    height: 70px;
    border: 1px solid #717171;
    color: #717171;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: 30px;
    top: 40px;
    font-size: 16px;
    cursor: pointer;
}

.butler_list .buy:hover, .buyservice:hover {
    background: #717171;
    color: #fff;
}

.butler_list_box .right .des {
    border-bottom: 1px solid #eaeaea;
    padding: 10px 5px;
    width: 200px;
    height: 60px;
    vertical-align: middle;
}

.butler_list_box .right .des:last-child {
    border: 0;
}

.butler_list_box .right .num {
    background: url(../images/pic8.png) no-repeat center center;
    width: 23px;
    height: 29px;
    line-height: 20px;
    color: #fffc00;
    text-align: center;
    display: block;
    margin-top: 20px;
    margin-left: 10px;
}

.butler_list_box .right dt {
    width: 50px;
    height: 50px;
    margin: 0 10px;
    border-width: 2px;
}

.butler_list_box .right dd {
    width: 80px;
    height: 50px;
    margin-top: 10px;
    line-height: 150%;
    float: right;
}

.picbig.key {
    padding: 5px;
}

.list.butler_detail_list {
    height: 230px;
    margin-bottom: 0
}

.butler_detail_list .brief {
    position: relative;
    width: 860px;
    height: 188px;
    padding: 20px;
    border: 1px solid #eaeaea;
    float: left;
}

.butler_detail_list .des {
    height: 100%;
}

.butler_detail_list .des dt {
    width: 200px;
    height: 100%;
    overflow: hidden;
    float: left;
}

.butler_detail_list .des .picpic {
    margin-left: 40px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.butler_detail_list .des dt img {
    width: 100%;
}

.butler_detail_list .des dd {
    width: 630px;
    float: right;
    height: 100%;
}

.butler_detail_list .des dd h1 {
    font-size: 24px;
    color: #464646;
    line-height: 40px;
}

.butler_detail_list .des .key {
    background: url(../images/authentication.png) no-repeat left center;
    padding-left: 30px;
    margin-left: 20px;
}

.butler_detail_list .des .clear span {
    float: left;
    line-height: 30px;
    margin-right: 20px;
}

.butler_detail_list .des i.key {
    background: none;
    margin: 0;
    padding: 0;
}

.butler_detail_list .des ul {
    width: 100%;
}

.butler_detail_list .des li {
    width: 100%;
    float: left;
    line-height: 20px;
    color: #848484;
}

.butler_detail_list .des li span {
    color: #454545;
}

.butler_detail_list .btn {
    width: 100%;
    height: 30px;
    line-height: 30px;
    clear: both;
}

.butler_detail_list .btn span {
    border-radius: 3px;
    cursor: pointer;
    text-indent: 18px;
    margin-right: 5px;
    margin-top: 0;
    width: 95px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    display: block;
    float: left;
}

.butler_detail_list .btn .btn1 {
    background: #717171 url(../images/btn3.png) no-repeat 15px center;
}

.butler_detail_list .btn .btn2 {
    background: #3a3a3a url(../images/btn4.png) no-repeat 20px center;
    position: relative;
}

.butler_detail_list .btn .btn2 a {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: none;
    z-index: 10;
}

.butler_detail_list .btn .btn2 i {
    position: absolute;
    top: 0;
    right: 30px;
}

.butler_detail_list .buyservice {
    top: 70px;
}

.butler_list .bshareDiv {
    width: 100% !important;
    float: right;
}

.bshareDiv {
    display: block;
    width: 100px !important;
    height: 30px !important;
    position: relative;
    z-index: 99;
}

.buzzButton {
    display: block;
    width: 100px !important;
    height: 30px !important;
    background: none !important;
    margin-left: -20px !important;
}

.butler_detail_list .time {
    background: url(../images/list_time.png) no-repeat left center;
}

.butler_detail_list .share_c7 {
    background: url(../images/share_c7.png) no-repeat left center;
}

.butler_detail_list .c7 {
    background: url(../images/pic7.png) no-repeat left center;
}

.butler_detail_list .c8 {
    background: url(../images/share_c8.png) no-repeat left center;
}

.butler_detail_list .c9 {
    background: url(../images/share_c9.png) no-repeat left center;
}

.butler_detail_list .star_score {
    border: 1px solid #eaeaea;
    float: right;
    padding: 10px 20px;
    height: 208px;
    width: 230px;
}

.butler_detail_list .star_score .top {
    margin-top: 25px;
}

.butler_detail_cont .head {
    border: 0 !important;
}

.butler_detail_cont .module5 .left {
    width: 110px;
    height: 100%;
    float: left;
    text-align: center;
}

.butler_detail_cont .module5 .left .pic {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid #dadada;
    overflow: hidden;
    margin: 20px;
}

.butler_detail_cont .module5 .right {
    width: 780px;
    height: 100%;
    float: right;
}

.butler_detail_cont .module5 .middle {
    margin-top: 0;
    height: 60px;
    line-height: 150%;
    color: #7d7d7d;
}

.butler_detail_cont .module5 .pay {
    font-size: 18px;
    color: #8e8e8e;
    margin: 20px 0;
}

.butler_detail_cont .module5 .pay .key {
    font-size: 24px;
    color: #ff8934;
}

.butler_detail_cont .butler_list_box .right {
    width: 270px;
}

.butler_detail_cont .butler_list_box .right .des {
    width: 270px;
}

.butler_detail_cont .butler_list_box .right dd {
    width: 150px;
}

.butler_detail_cont .comment dd {
    width: 720px !important;
}

.butler_detail .butler_detail_each {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

/*share*/
.list.share_butler, .list.share_owner, .list.strategy, .list.share_butler_detail, .butler_detail_list {
    margin-top: 0;
}

.module5.share {
    height: 450px;
    width: 1198px;
    border: 1px solid #ccc;
    margin-top: 20px;
}

.module5.share .left {
    width: 220px;
    text-align: center;
}

.module5.share .right {
    width: 965px;
}

.module5.share .top .fr {
    margin-top: 10px;
}

.module5.share .pic {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 3px solid #dadada;
    margin: 20px auto;
}

.module5.share .count {
    margin-top: 20px;
    width: 100%;
    height: 50px;
    line-height: 50px;
}

.module5.share .count li {
    width: 100px;
    color: #aaaaaa;
    height: 30px;
    line-height: 30px;
    float: left;
    text-indent: 30px;
}

.module5.share .count .c1 {
    background: url(../images/share_c1.png) no-repeat left center;
    cursor: pointer;
}

.module5.share .count .c1.collected {
    background: url(../images/share_c1_g.png) no-repeat left center;
}

.module5.share .count .c2 {
    background: url(../images/g_star.png) no-repeat 0 center;
    cursor: pointer;
}

.module5.share .count .c2.collected {
    background: url("../images/r_star.png") no-repeat 0 center;
}

.module5.share .count .c3 {
    background: url(../images/share_c3.png) no-repeat left center;
}

/*
.module5.share .count .c4{background: url(../images/share_c4.png) no-repeat 10px center;color: #717171;margin-right:20px;text-indent:30px;cursor: pointer;padding:0 20px;height:30px;line-height:30px;border-radius: 5px;}
.module5.share .count .c4:hover{border:1px solid #717171;}
*/
.bdsharebuttonbox {
    color: #717171;
    margin-right: 20px;
    margin-top: 10px;
    float: right;
    line-height: 30px;
}

.bdsharebuttonbox a {
    float: left;
}

.bdsharebuttonbox span {
    float: left;
    color: #717171;
}

.list.share_owner .sharelist_cont {
    clear: both;
    padding-top: 20px;
}

.sharelist_cont {
    margin-top: 20px;
}

.sharelist_cont .module5.share {
    margin-top: 0;
    border: 1px solid #EAEAEA;
    border-top: 0;
}

.sharelist_cont .head {
    border: 1px solid #EAEAEA;
}

.list.share_owner .left {
    width: 945px;
    float: left;
}

.list.share_owner .right {
    width: 210px;
    float: right;
    height: auto;
    overflow: hidden;
}

.list.share_owner .listoptions .cont {
    width: 740px;
}

.list.share_owner .module5.share {
    width: 943px;
}

.list.share_owner .module5.share .left {
    width: 200px;
}

.list.share_owner .module5.share .right {
    width: 733px;
}

.list.share_owner .keep_diary {
    color: #fff;
    width: 212px;
}

.list.share_owner .keep_diary .btn {
    background: #4fb137;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.list.strategy .grouplist .box {
    height: 140px;
    width: 100%;
    border-bottom: 1px solid #f8f8f8;
}

.list.strategy .grouplist .pic {
    display: block;
    width: 150px;
    height: 100px;
    margin: 20px;
    overflow: hidden;
    float: left;
}

.list.strategy .grouplist .pic img {
    width: 100%;
}

.list.strategy .grouplist .des {
    width: 670px;
    height: 100px;
    margin-top: 20px;
    float: right;
    line-height: 150%;
}

.list.strategy .grouplist .des h2 {
    font-size: 20px;
    line-height: 24px;
    color: #585858;
    overflow: hidden;
}

.list.strategy .grouplist .time {
    color: #a0a0a0;
    background: url(../images/list_time.png) no-repeat left center;
}

.list.strategy .grouplist span {
    color: #7d7d7d;
    padding-left: 25px;
    margin-right: 30px;
    line-height: 30px;
}

.wordlist {
    width: 80%;
    height: auto;
    margin: 20px auto;
}

.wordlist li {
    line-height: 30px;
    list-style: disc;
    color: #525252;
}

.wordlist a {
    color: #525252;
}

.wordlist a:hover {
    color: #717171;
}

.rightpic img {
    width: 100%;
}

.detail_cont {
    width: 96%;
    padding: 2%;
    min-height: 300px;
    color: #7d7d7d;
    line-height: 200%;
    overflow: hidden;
}

.detail_cont h1 {
    font-size: 24px;
    color: #464646;
    line-height: 40px;
}

.detail_cont .shead {
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.detail_cont .shead li {
    float: left;
    margin-right: 30px;
    padding-left: 30px;
}

.detail_cont .shead .time {
    background: url(../images/list_time.png) no-repeat left center;
}

.detail_cont .shead .seen, .list.strategy .grouplist .seen {
    background: url(../images/share_c6.png) no-repeat left center;
}

.detail_cont .shead .share {
    background: url(../images/share_c5.png) no-repeat left center;
}

.detail_cont .bottom_share {
    border-top: 1px solid #f8f8f8;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: 30px;
    text-align: center;
}

.detail_cont .bottom_share .bdsharebuttonbox {
    display: inline-block;
    width: auto;
    margin: 20px auto;
    height: 30px;
    float: none;
}

.personal_list {
    margin-top: 0;
}

.personal_list .left {
    width: 210px;
    float: left;
    background: #f8f8f8;
    border: 1px solid #81796c;
    overflow: hidden;
}

.personal_list .left li {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #3a3a3a;
    border-bottom: 1px solid #eaeaea;
}

.personal_list .left li:last-child {
    border: 0;
}

.personal_list .left li:hover, .personal_list .left .active2 {
    border-left: 1px solid #717171;
}

.personal_list .left a {
    width: 90%;
    margin: 0 5%;
    height: 100%;
    display: block;
    color: #717171;
}
.ima{
    height: 20px;width: 20px;margin-right: 10px; vertical-align: middle;
}

.personal_list .left .dropwrap {
    height: auto;
    overflow: hidden;
    background: url(../images/drop_plus.png) no-repeat 95% 20px;
    width: 100%;
}

.personal_list .left .dropwrap:hover {
    border: 0;
    background: url(../images/drop_plus.png) no-repeat 95% 20px;
}

.personal_list .left .dropwrap:hover .drophead {
    background: #fff url(../images/drop_plus_g.png) no-repeat 95% 20px;
    border-left: 2px solid #717171;
}

.personal_list .left .drophead {
    margin: 0;
    text-indent: 10px;
    width: 100%;
}

.personal_list .left .drop a {
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.personal_list .left .drop a:hover, .personal_list .drop .active {
    color: #717171;
}

.personal_list .left .dropwrap .drop {
    display: none;
    font-size: 14px;
    color: #6f6f6f;
    text-indent: 20px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.personal_list .right {
    width: 945px;
    float: left;
    overflow: hidden;
    margin-left: 26px;
}

.personal_list .head h1 {
    display: inline;
    color: #717171;
}

.personal_list .head .set {
    width: 200px;
    height: auto;
    position: relative;
    right: 0;
    top: 0;
    color: #717171;
    margin-right: 10px;
    cursor: pointer;
    text-align: right;
}

.personal_list .head .set .down {
    display: none;
    z-index: 1;
}

.personal_list .head .set .new {
    display: inline;
    float: left;
    color: #717171;
}

.personal_list .head .set .drop_btn {
    width: 80px;
    background: url(../images/down.png) no-repeat right center;
    padding-right: 20px;
    float: right;
}

.personal_list .head .set:hover .drop_btn {
    background: url(../images/up.png) no-repeat right center;
}

.personal_list .head .set ul {
    display: none;
    position: absolute;
    right: -10px;
    top: 50px;
    border: 1px solid #717171;
    width: 150px;
    background: #fff;
}

.personal_list .head .set li {
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    text-align: left;
}

.personal_list .head .set .down .checked {
    background: url(../images/right.png) no-repeat 10px center;
}

.personal_list .brief {
    width: 943px;
    height: 220px;
    border-bottom: 1px solid #f6f6f6;
}

.personal_list .brief .des {
    float: left;
    width: 640px;
    border-right: 1px solid #f6f6f6;
    height: 100%;
    line-height: 30px;
}

.personal_list .comp_top .des {
    width: 943px;
}

.personal_list .brief .des dt {
    width: 160px;
    height: 160px;
    border: 2px solid #dadada;
    background: #dadada;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin: 30px;
}

.personal_list .brief .des dd {
    height: 90%;
    width: 480px;
    float: left;
}

.personal_list .brief .des h1 {
    margin-top: 40px;
    font-size: 24px;
    color: #464646;
    height: 50px;
    line-height: 50px;
}

.personal_list .brief .des .key {
    background: url(../images/authentication.png) no-repeat left center;
    padding: 30px;
    margin-left: 10px;
    color: #ff7800;
    font-size: 14px;
}

.personal_list .brief .des li {
    padding-left: 20px;
    color: #848484;
}

.personal_list .brief .des li span {
    color: #454545;
}

.personal_list .brief .des .time {
    background: url(../images/list_time.png) no-repeat left center;
}

.personal_list .brief .des .c7 {
    background: url(../images/share_c7.png) no-repeat left center;
}

.personal_list .brief .des .c8 {
    background: url(../images/share_c8.png) no-repeat left center;
}

.personal_list .person_top .key {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.personal_list .person_top {
    height: 140px;
    margin-bottom: 20px;
    border: 1px solid #eaeaea;
    position: relative;
}

.personal_list .person_top dt {
    width: 90px !important;
    height: 90px !important;
}

.personal_list .person_top .fr {
    height: 70%;
    width: 300px;
    position: absolute;
    right: 0;
    top: 15%;
}

.personal_list .person_top .fr li {
    height: 100%;
    width: 48%;
    float: left;
    text-align: center;
    border-left: 1px solid #eaeaea;
}

.personal_list .person_top .fr li:first-child {
    border: 0;
}

.personal_list .person_top .fr .key {
    font-size: 30px;
    height: 40px;
    display: block;
    margin-top: 30px !important;
}

.personal_list .person_top .fr h2 {
    line-height: 20px;
    color: #6e6e6e;
}

.star_score {
    width: 210px;
    float: right;
}

.star_score .top {
    height: 36px;
    margin-top: 50px;
    margin-bottom: 10px;
    width: 100%;
    text-indent: 40px;
}

.star_score .top span {
    text-align: center;
    color: #202020;
}

.star_score .top .key {
    color: #ff8400;
    font-size: 36px;
    text-indent: 10px;
}

.precision-target {
    display: none;
}

.evaluate.star_score {
    text-align: center;
    float: none;
    margin: 0 auto;
    width: 250px;
}

.personal_des .module5 {
    width: 900px;
    margin: 20px;
    border-bottom: 1px solid #eaeaea;
}

.personal_des .btns {
    width: 200px !important;
    border: 0 !important;
    color: #ff7200;
    position: absolute;
    top: 25px;
    right: -40px;
}

.personal_des .btn1 {
    background: url(../images/btn1.png) no-repeat left center;
    padding: 0 30px;
    color: #ff7200;
}

.personal_des .btn2 {
    background: url(../images/btn2.png) no-repeat left center;
    padding: 0 30px;
    color: #ff7200;
    cursor: pointer;
}

.personal_des .pic11 {
    background: url(../images/pic11.png) no-repeat left center;
    padding: 0 10px;
}

.personal_des .newdairy {
    text-align: center;
}

.newdairy {
    line-height: 50px;
    text-align: center;
    height: 50px;
    background: #EAEAEA;
    cursor: pointer;
}

/*score star*/
.star_score li {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
}

.star_score span {
    display: block;
    float: left;
}

.star_score .star {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.star_score .r_star {
    background: url(../images/r_star.png) no-repeat center center;
}

.star_score .h_star {
    background: url(../images/h_star.png) no-repeat center center;
}

.star_score .g_star {
    background: url(../images/g_star.png) no-repeat center center;
}

.star_score .scores {
    background: url(../images/scores.png) no-repeat center center;
    width: 28px;
    height: 18px;
    line-height: 18px;
    margin-top: 1px;
    text-indent: 4px;
    text-align: center;
    color: #fff;
}

.star_score span.star-scope {
    color: #585858;
}

.share_butler_detail .module5.share {
    padding: 10px 20px;
    width: 1158px;
    height: 180px;
    background: #fafafa;
    margin-top: 0;
    position: relative;
}

.share_butler_detail .module5.share .t1 {
    margin-right: 20px;
}

.share_butler_detail .middle {
    border: 0;
    height: 80px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
}

.share_butler_detail .middle li input {
    border: 0;
    background: none;
    height: 20px;
    padding-right: 50px;
    width: 500px;
}

.module5.bulter_diary {
    height: 200px;
}

.module5.bulter_diary .middle {
    margin: 0;
    border: 0;
}

.module5 .middle li {
    width: 100%;
}

.module5 .middle .btn {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    background: #717171;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 10px;
}

.set-owner-diary {
    margin-left: 20px;
    margin-top: 8px;
}

.rewrite-diary {
    border-top: 1px solid #eaeaea;
    padding: 10px 0 20px;
}

.rewrite-diary .alldiary {
    margin: 0;
}

.alldiary {
    margin-right: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}

.funcs {
    width: auto !important;
    display: inline;
    border: 0;
    position: absolute;
    right: 0;
    top: 10px;
}

.share_butler_detail li {
    width: 100%;
}

.funcs {
    border: 0 !important;
}

.funcs li {
    width: 80px;
    float: left;
    height: 30px;
    color: #ff8833;
    font-size: 24px;
    border-left: 1px solid #dedede;
    text-align: center;
    padding-top: 30px;
}

.funcs li:first-child {
    border: 0;
}

.funcs .pic1 {
    background: url(../images/pic1.png) no-repeat top center;
    padding-left: 0;
    cursor: pointer;
}

.funcs .pic1.collected {
    background: url(../images/pic1_1.png) no-repeat top center;
}

.funcs .pic2 {
    background: url(../images/pic2.png) no-repeat top center;
    cursor: pointer;
}

.funcs .pic2.collected {
    background: url(../images/star-btn-hover.png) no-repeat top center;
}

.funcs .pic3 {
    background: url(../images/pic3.png) no-repeat top center;
}

.funcs .unevlpic {
    background: url(../images/btn1.png) no-repeat top center;
    cursor: pointer;
    color: #9f9f9f;
}

.funcs .evlpic {
    background: url(../images/diary-edit.png) no-repeat top center;
    cursor: pointer;
}

.share_butler_detail .green {
    color: #717171;
}

.changemessage {
    background: url(../images/pen.png) no-repeat left center;
    padding: 10px 30px;
    padding-right: 20px;
    position: absolute;
    right: 0;
    bottom: 10px;
}

.butler_detail {
    border: 1px solid #e3e3e3;
    width: 1158px;
    padding: 20px;
    margin-top: 20px;
    height: auto;
    overflow: hidden;
}

.butler_detail .left {
    width: 100px;
    height: 100%;
    float: left;
    position: relative;
}

.diary-timeline {
    position: static !important;
}

.butler_detail .left .line {
    width: 1px;
    height: 1000%;
    border-right: 1px dashed #dfdfdf;
    position: absolute;
    left: 4%;
}

.butler_detail .left .circle {
    width: 90px;
    height: 90px;
    line-height: 90px;
    border: 5px solid #b6e2ac;
    border-radius: 50%;
    background: #717171;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

.butler_detail .right {
    width: 1000px;
    line-height: 20px;
    color: #7d7d7d;
}

.butler_detail .right div p {
    font-size: 14px;
    width: 1000px;
    line-height: 20px;
    color: #7d7d7d;
}

.butler_detail .right .time {
    font-size: 18px;
    color: #717171;
    background: url(../images/time.png) no-repeat left center;
    padding-left: 25px;
    line-height: 40px;
}

.butler_detail .right .share {
    color: #717171;
    background: url(../images/share_c4.png) no-repeat left center;
    padding-left: 25px;
}

.butler_detail .right .pics {
    margin: 20px 0;
    height: 140px;
    width: 100%;
    overflow: hidden;
}

.butler_detail .right .pics img {
    vertical-align: top;
}

.butler_detail .right .pics li {
    float: left;
    width: 18%;
    padding: 1%;
    overflow: hidden;
}

.butler_detail .right .pics li:first-child {
    padding-left: 0;
}

.butler_detail .right .pics .despic {
    width: 100%;
}

.butler_detail .right .picbot {
    border-bottom: 1px solid #dfdfdf;
    height: 30px;
    line-height: 30px;
    padding-bottom: 10px;
}

.butler_detail .right .picbot span {
    width: 30px;
    line-height: 30px;
    height: 30px;
    display: block;
    padding-left: 30px;
    float: left;
}

.butler_detail .right .picbot .pic1 {
    background: url(../images/pic4.png) no-repeat left center;
}

.butler_detail .right .picbot .pic2 {
    background: url(../images/pic5.png) no-repeat left center;
}

.butler_detail .right .picbot .pic2:hover, .butler_detail .right .picbot .pic2.praised {
    background: url(../images/pic6.png) no-repeat left center;
    cursor: pointer;
}

.autoTxtCount {
    position: relative;
    width:100%;
}

.write_diary {
    width: 1158px;
    height: auto;
    border: 1px solid #e3e3e3;
    padding: 20px;
    overflow: hidden;
    margin: 30px 0;
}

.write_diary .box {
    width: 100%;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
}

.write_diary .box p {
    float: left;
    display: block;
    width: 100px;
    height: 100%;
    color: #a9a9a9;
}

.write_diary .box input {
    width: 600px;
    height: 36px;
    line-height: 36px;
    border-color: #dddddd;
}

.write_diary .bigbox {
    height: 200px;
    padding: 30px 0;
    color: #3d3d3d;
}

.write_diary .bigbox p {
    line-height: 30px;
}

.write_diary .box textarea {
    width: 600px;
    height: 200px;
    border-color: #ddd;
    line-height: 20px;
    padding: 10px;
}

.write_diary .step {
    width: auto;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 8px 0;
    position: relative;
}

.write_diary .step li {
    float: left;
    width: 50px;
    height:50px;
    background: #afafaf;
    border: 3px solid #d7d7d7;
    border-radius: 50%;
    margin-right: 10px;
    color: #fff;
    font-size:12px;
    cursor: pointer;
    overflow:hidden;
}

.write_diary .step li:hover, .write_diary .step .active {
    background: #717171;
    border: 3px solid #b6e2ac;
}

.write_diary .step .line {
    width: 300px;
    height: 1px;
    border-top: 1px dashed #ddd;
    position: absolute;
    left: 0;
    top: 55%;
    z-index: -1;
}

.write_diary div.line {
    width: 300px;
    height: 1px;
    border-top: 1px dashed #ddd;
    position: absolute;
    left: 105px;
    top: 55%;
    z-index: -1;
}

.personal_des .inforcon .bigbox {
    height: 180px !important;
    position: relative;
}

.personal_des .inforcon .bigbox .rightbox {
    margin-left: 110px;
    position: relative;
    top: 25px;
    overflow: hidden;
}

.personal_des .inforcon .bigbox p {
    display: inline;
    float: left;
}

.personal_des .inforcon .bigbox .rightbox span {
    display: block;
    line-height: 50px;
}

.uppiclists .upload {
    width: 100px;
    height: 100px;
    border: 1px solid #717171;
    float: left;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.uppiclists .upload:last-child {
    border: 1px solid #717171 !important;
}

.uppiclists .upload img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.uppiclists .upload .changearea {
    display: block;
    width: 100%;
    height: 100%
}

.uppiclists .delete {
    background: url(../images/delete.png) no-repeat center center;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    cursor: pointer;
}

.uppiclists .box .btn {
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #717171;
    border-radius: 5px;
    margin-left: 100px;
    margin-top: 15px;
    font-weight: bold;
    cursor: pointer;
}

.upload-span {
    float: left;
    line-height: 48px !important;
}

/*company*/
.butler_list.company {
    margin: 0;
    border: 0 !important;
}

.butler_list.company .layout {
    border: 0;
}

.butler_list.company .head {
    border-bottom: 0;
}

.butler_list.company .des {
    height: 170px;
    width: 901px;
}

.butler_list.company .difdes {
    border: 1px solid #eaeaea;
}

.butler_list.company .buy {
    top: 70px;
}

.butler_list.company .des:hover {
    border: 1px solid #a5d19b;
}

.butler_list.company dt {
    width: 200px;
    height: 120px;
    border-width: 1px;
    border-radius: 0;
    margin-top: 25px;
    overflow: hidden;
}

.butler_list.company dd {
    width: 678px !important;
}

.butler_list.company dd h1 {
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    float: left;
    display: inline;
}

.butler_list.company dd .pic {
    vertical-align: top;
    margin-top: 25px;
    margin-left: 10px;
}

.butler_list.company dd .pic img {
    margin-right: 10px;
}

.butler_list.company .cont li {
    width: 100%;
    height: 25px;
    line-height: 25px;
}

.butler_list.company .cont .first {
    padding: 0;
}

.butler_list.company .cont p {
    display: inline;
    float: left;
    text-indent: 20px;
    margin: 0;
    margin-right: 20px;
}

.butler_list.company .cont a {
    color: #717171;
    margin-right: 10px;
}

.companyright, .companyrank {
    width: 240px !important;
}

.companyright {
    background: #717171;
}

.companyright .rightform {
    height: 180px;
    background: #717171;
    width: 90%;
    padding: 5%;
}

.companyright .head {
    text-align: center;
    color: #fff;
    background: #4fb137;
    padding: 0;
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    width: 100%;
}

.companyright .rightform div {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #fff;
    border-radius: 3px;
    margin: 10px 0;
}

.company-tips {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: #ff261e;
}

.companyright .rightform div.errorput {
    border-color: #ff1b11;
    box-shadow: 0 0 5px #ff1b11;
}

.companyright .rightform input {
    width: 80%;
    float: left;
    height: 100%;
    border: 0;
}

.companyright .rightform img {
    width: 12px;
    float: left;
    margin: 8px;
}

.companyright .rightform .btn {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #ff9d33;
    margin: 10px 0;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.companyrank .num {
    border: 0 !important;
}

.companyrank .des {
    width: 90% !important;
    padding: 5% !important;
    height: 100px !important;
}

.companyrank .des dd {
    width: 170px;
    height: 80px;
}

.companyrank .des p {
    color: #848484;
    text-indent: 15px;
    margin-left: -3px;
    margin-top: 5px;
    background: url(../images/share_c8.png) no-repeat left 3px;
}

.companyheader .head, .companyheader .shead {
    height: 100%;
    overflow: hidden;
    margin-left: 10px;
}

.companyheader h1 {
    margin-top: 10px;
    margin-left: 0;
    padding: 0;
    margin-bottom: 10px;
    border: 0;
    width: 100%;
}

.companyheader .shead {
    margin-top: 20px;
    color: #a0a0a0;
    line-height: 180%;
    border-left: 1px solid #ccc;
    height: 60px;
    padding-left: 20px;
}

.companyheader .shead h2 {
    color: #a0a0a0;
    width: 100%;
}

.companyheader .shead .key {
    font-size: 30px;
    line-height: 40px;
}

.companyheader .btn {
    width: 140px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #ff8833 url(../images/star-btn.png) no-repeat 15px center;
    text-indent: 15px;
    border-radius: 3px;
    margin-top: 40px;
    cursor: pointer;
}

.companycenter {
    line-height: 200%;
}

.companycenter .head .more {
    margin-right: 20px;
}

.companycenter .brief {
    border: 0;
    width: 945px;
    height: 280px !important;
}

.companycenter .star_score {
    text-indent: 20px;
    width: 320px;
    border-right: 1px solid #eaeaea;
}

.companycenter .star_score .star {
    margin-top: 16px;
}

.companycenter .star_score li {
    border-bottom: 1px solid #eaeaea;
    height: 50px;
    line-height: 50px;
    margin: 0;
}

.companycenter .star_score li:last-child {
    border: 0;
}

.companycenter .options {
    height: 203px;
    width: 240px;
    float: left;
    line-height: 70px;
    font-size: 16px;
    color: #464646;
    text-indent: 100px;
}

.companycenter .options li {
    background: url(../images/check.png) no-repeat 50px center;
}

.companycenter .imgslide {
    width: 300px;
    height: 383px;
    position: absolute;
    right: 0;
    top: -50px;
    background: #ccc;
}

.companycenter .img-box {
    width: 300px;
    height: 383px;
    position: absolute;
    right: 0;
    top: -50px;
    background: #ccc;
}

.companycenter .imgs, .companycenter .imgs {
    width: 100%;
    height: 100%;
}

.companycenter .imgs li {
    width: 100%;
    float: left;
    height: 100%;
}

.companycenter .tel {
    height: 80px;
    border-top: 1px solid #eaeaea;
    text-indent: 60px;
    position: relative;
    background: url(../images/tel.png) no-repeat 20px center;
}

.companycenter .tel h2 {
    margin-top: 20px;
    color: #737373;
    font-size: 18px;
}

.companycenter .tel p {
    margin-top: 10px;
    color: #a8a8a8;
}

.companycenter .green {
    color: #717171;
}

.companycenter .tel .btn {
    width: 140px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #ff8833;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    right: 320px;
    top: 18px;
    text-indent: 0
}

.companycenter .module1_5 {
    width: 24%;
}

.companycenter .cont {
    width: 96%;
    padding: 2%;
    color: #858484;
}

.companycenter .diarys li {
    width: 23%;
    float: left;
    margin: 1%;
    overflow: hidden;
    height: 180px;
    position: relative;
    color: #fff;
}

.companycenter .diarys li p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #000;
    opacity: .8;
    filter: Alpha(opacity=80);
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
}

.companycenter .team li {
    width: 20%;
    float: left;
    overflow: hidden;
    height: 250px;
    position: relative;
    text-align: center;
    color: #333;
}

.companycenter .team li p {
    font-size: 16px;
    color: #333;
}

.companycenter .team .pic {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    margin: 20px auto;
}

.companycenter .group_list {
    width: 945px;
    height: auto !important;
    overflow: hidden;
}

.companycenter .group_list .box {
    height: 300px;
    position: relative;
    margin: 30px 10px;
    width: 214px !important;
}

.companycenter .group_list .box .des {
    width: 95%;
    margin: 2%;
    height: 90px;
    border: 0;
    position: relative;
}

.companycenter .group_list .box .des h2 {
    height: 30px;
    line-height: 30px;
    font-size: 18px !important;
}

.companycenter .group_list .des span {
    position: relative;
}

.companycenter .brief .des .key {
    padding: 0;
    background: none;
}

.companycenter .comment dl {
    margin: 2%;
    width: 96%;
}

.companycenter .comment dd {
    width: 780px;
}

.companycenter .des {
    width: 96%;
    margin: 2%;
    color: #858484;
    height: auto;
    overflow: hidden;
}

.companycenter .des h2 {
    font-size: 16px;
    color: #333333;
    line-height: 50px;
}

.companycenter .comenlist {
    width: 100%;
}

.companycenter .comenlist .commentbox {
    width: 865px;
    padding: 10px 10px 10px 70px;
}

.companycenter .comenlist .head {
    left: 10px;
    text-indent: 0;
}

.companycenter .comenlist .comment-content2 {
    width: 860px;
}

.butler_comment .comment-content2 {
    width: 820px;
}

.companyranklist {
    border: 1px solid #e4e4e4;
}

.companyranklist .head {
    border-bottom: 1px solid #e4e4e4;
}

.companyranklist .cont {
    height: 125px;
    padding: 2%;
    border-bottom: 1px solid #e4e4e4;
}

.companyranklist .cont:last-child {
    border: 0;
}

.companyranklist dt {
    width: 100px;
    height: 100%;
}

.companyranklist .num {
    background: url(../images/rankgold.png) no-repeat center center;
    line-height: 110px;
    color: #fffc00;
    text-align: center;
    display: block;
}

.companyranklist .num2 {
    background: url(../images/rankgreen.png) no-repeat center center;
}

.companyranklist dd {
    float: right;
    width: 90%;
    height: 100%;
    text-indent: 20px;
}

.companyranklist dd li {
    line-height: 30px !important;
}

.companyranklist dd h1 {
    font-size: 24px;
    line-height: 50px;
}

/*Releasecont*/
.Releasecont {
    border: 0 !important;
}

.Releasecont .head {
    border: 1px solid #eaeaea;
}

.Releasecont .brief {
    width: 943px;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #eaeaea;
}

.Releasecont .brief .fl {
    width: 20%;
    height: 100%;
    line-height: 420px;
    color: #717171;
    font-size: 18px;
    text-align: center;
    border-right: 1px solid #eaeaea;
}

.Releasecont .brief ul {
    width: 79%;
}

.Releasecont .brief li {
    height: 60px;
    line-height: 60px;
    color: #727272;
    text-indent: 50px;
}

.Releasecont .brief li:last-child {
    border: 0;
}

.Releasecont .brief li span {
    color: #3a3a3a;
}

.Releasecont .brief .release1 {
    background: url(../images/release1.png) no-repeat 10px center;
}

.Releasecont .brief .release2 {
    background: url(../images/release2.png) no-repeat 10px center;
}

.Releasecont .brief .release3 {
    background: url(../images/release3.png) no-repeat 10px center;
}

.Releasecont .brief .release4 {
    background: url(../images/release4.png) no-repeat 10px center;
}

.Releasecont .brief .release5 {
    background: url(../images/release5.png) no-repeat 10px center;
}

.Releasecont .brief .release6 {
    background: url(../images/release6.png) no-repeat 10px center;
}

.Releasecont .brief .release7 {
    background: url(../images/release7.png) no-repeat 10px center;
}

.Releasecont .tabwrap {
    margin-left: 22px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    height: 30px;
    line-height: 30px;
    width: 905px !important;
    overflow: hidden;
    position: relative;
}

.tabwrapper .btn {
    width: 20px;
    height: 30px;
    background: #D8D4D4 url(../images/tab.png) no-repeat center center;
    position: absolute;
    display: block;
    top: 0;
    text-align: center;
    cursor: pointer;
}

.tabwrapper .prev {
    left: 0;
    background-position: 6px 10px;
}

.tabwrapper .next {
    right: 0;
    background-position: -9px 10px;
}

.Releasecont .headtab {
    width: auto;
    height: 100%;
    overflow: hidden;
    position: absolute;
}

.Releasecont .headtab li {
    float: left;
    width: 149px;
    text-align: center;
    cursor: pointer;
    border-left: 1px solid #eaeaea;
    height: 30px;
    display: block;
}

.Releasecont .tabwrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.Releasecont .headtab .now, .Releasecont .headtab li:hover {
    background: #717171;
    font-weight: bold;
    color: #fff;
}

.releasebox .button {
    margin-top: 20px;
}

.appealbox .box textarea,
.evlbox .box textarea {
    display: block;
    width: 318px;
    height: 100px;
    padding: 10px;
    border-color: #ddd;
    line-height: 180%;
}

.appealbox .areabox,
.evlbox .areabox {
    border: 0;
    height: auto;
}

.Releaselist .cont {
    width: 96%;
    padding: 2%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #eaeaea;
}

.Releaselist .cont:last-child {
    border: 0;
}

.Releaselist h2 {
    font-size: 18px;
    line-height: 40px;
}

.Releaselist .time {
    font-size: 12px;
    background: url(../images/list_time.png) no-repeat left center;
    padding-left: 20px;
    float: right;
}

.Releaselist p {
    color: #7d7d7d;
    line-height: 180%;
}

.Releasebtn {
    display: block;
}

/*passcont*/
.passcont {
    position: relative;
}

.passcont .dialogbox {
    position: relative;
    margin: 0 auto;
}

.passcont .dialogbox .box input {
    text-align: left;
    width: 300px;
    text-indent: 0;
}

.passcont .dialogbox .button {
    margin-top: 20px;
}

.passcont .dialogbox .box span {
    padding-left: 10px;
}

/*contractlist*/
.contractlist {
    width: 100%;
    text-align: center;
}

.contractlist td, .contractlist th {
    height: 50px;
}

.contractlist th {
    color: #737373;
}

.contractlist .succese {
    color: #d81c1c;
}

.contractlist .fail, .contractlist .green {
    color: #717171;
}

.contractchanges {
    width: 100%;
}

.contractchanges th {
    color: #333;
}

.contractchanges td {
    color: #666;
}

.contractchanges p {
    line-height: 30px;
    margin-left: 22px;
}

.contractchanges input {
    width: 124px;
    line-height: 30px;
    height:30px;
}

.contractchanges select {
    width: 124px;
    height: 30px;
    border: 1px solid #ccc;
}

.contractchanges input:focus {
    border-color: #F83;
}

.contractchanges textarea {
    width: 94.5%;
    margin: 0 2.5%;
    height: 300px;
    position: static !important;
    padding: 10px;
}

.contractchanges .btn {
    margin: 30px auto;
    text-align: center;
}

.contractchanges .btn input {
    padding: 0 100px;
    cursor: pointer;
    width: auto;
}

.changedetail {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 50px;
}

.changedetail span {
    color: #666;
    margin-left: 22px;
}

.changedetail .change-detail-p {
    width: 899px;
    padding: 0 22px;
    margin-left: 0;
    color: #666;
    line-height: 26px;
    word-break: break-all;
}

.Releasecont .perhome {
    width: 100% !important;
    height: auto;
    overflow: hidden;
}

.Releasecont .perhome li {
    width: 33.3%;
    float: left;
}

/*.personal_des .company*/
.personal_des .company {
    height: auto;
    overflow: hidden;
    width: 943px;
    border: 1px solid #eaeaea;
    padding: 20px 0;
}

.personal_des .company li {
    width: 20%;
    float: left;
    text-align: center;
}

.personal_des .company a {
    color: #464646;
}

.personal_des .company .pic {
    border: 1px solid #e3e3e3;
    width: 80%;
    height: 100px;
    margin: 10px auto;
    overflow: hidden;
}

.personal_des .company .btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #a3a3a3;
    color: #fff;
    margin: 10px auto;
}

.personal_des .company .btn-get-bid {
    background: #ff7800;
}

/*mybill*/
.personal_des .mybill_record {
    width: 100% !important;
}

.personal_des .mybill_record li {
    width: 50%;
    float: left;
}

.personal_des .mybill_record .release7 {
    background: url(../images/release8.png) no-repeat 15px center;
}

.personal_des .mybill_record .release8 {
    background: url(../images/release7.png) no-repeat 10px center;
}

.personal_des .billtop {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.personal_des .billtop dt {
    width: 140px;
    height: 80px;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    margin: 10px;
    float: left;
}

.personal_des .billtop dd {
    width: 780px;
    height: 100%;
    overflow: hidden;
    float: right;
}

.personal_des .billtop h2 {
    font-size: 24px;
    margin: 25px 0 5px 0;
}

.personal_des .billtop p {
    color: #848484;
    background: url(../images/share_c8.png) no-repeat left center;
    text-indent: 20px;
    line-height: 30px;
}

.cbilltop {
    width: 200px;
    margin-right: 20px;
}

.cbilltop .searchbtn {
    right: -10px !important;
}

.billlist {
    border: 1px solid #eaeaea;
}

.billlist .schedule {
    height: auto;
    width: 100%;
    overflow: hidden;
    padding-bottom: 40px;
    background: url(../images/billbg.png) no-repeat center 190px;
}

.billlist .schedule li {
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
}

.billlist .schedule .picbox {
    color: #686868;
    line-height: 150%;
    background: url(../images/billbox.png) no-repeat center center;
    width: 170px;
    height: 90px;
    margin: 20px auto;
    padding-top: 50px;
}

.billlist .schedule .picbox.active {
    color: #fff;
    background: url(../images/billboxactive.png) no-repeat center center;
    width: 170px;
    height: 90px;
    margin: 20px auto;
}

.billlist .schedule img {
    margin-bottom: 20px;
}

.billlist .schedule .paid {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.billlist .schedule .green {
    color: #717171;
}

.billlist .schedule p {
    color: #7f7f7f;
    line-height: 30px;
    font-size: 16px;
}

.billlist .schedule .btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    margin: 5px auto;
    font-size: 14px;
    border-radius: 2px;
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 10;
}

.billlist .schedule .rbtn {
    background: #ff7800;
}

.billlist .schedule .rborderbtn {
    border: 1px solid #ff7800;
    color: #ff7800;
}

.billlist .schedule .gbtn {
    background: #717171;
}

.billlist .schedule2 {
    height: auto;
    width: 100%;
    overflow: hidden;
    padding-bottom: 40px;
    background: url(../images/pathbg2.png) no-repeat center 190px;
}

.billlist .schedule2 li {
    width: 25%;
}

.billlist .schedule2 .word1 {
    line-height: 30px;
}

/*message*/

.permessage .head {
    background: none;
    border: 1px solid #eaeaea;
}

.permessage .options {
    width: auto;
    display: inline;
    height: 100%;
    float: left;
    line-height: 50px;
}

.permessage li {
    float: left;
    position: relative;
}

.personal_des .option {
    width: auto;
    display: inline-block;
}

.personal_des .option li {
    float: left;
    position: relative;
}

.personal_des .option .btn {
    color: #717171;
    width: 100px;
    background: #e3e3e3;
    height: 30px;
    line-height: 30px;
    margin: 10px;
    text-align: center;
    text-indent: 0;
    cursor: pointer;
    margin-left: 30px;
}

.personal_des .option .btn:hover {
    background: #717171;
    color: #fff;
}

.personal_des .option .search {
    height: 28px;
    line-height: 28px;
}

.personal_des .option .search:focus {
    border-color: #717171;
}

.personal_des .option .searchbtn {
    background: #717171 url(../images/search_btn.png) no-repeat center center;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -30px;
    top: 10px;
    cursor: pointer;
    margin-right: 10px;
}

.personal_des .add-row,
.personal_des .add2-row{
    display: block;
    color: #717171;
    width: 100px;
    font-size: 14px;
    background: #e3e3e3;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    text-indent: 0;
    cursor: pointer;
}

.personal_des .add-row:hover,
.personal_des .add2-row:hover{
    background: #717171;
    color: #fff;
}

.personal_des .delete-row,
.personal_des .delete2-row{
    display: block;
    float: right;
    margin: 4px 0 4px 10px;
    width: 50px;
    height: 24px;
    line-height: 24px;
    background: red;
    color: #fff;
}

.personal_des .cannot-delete-row{
    display: block;
    float: right;
    margin: 4px 0 4px 10px;
    width: 50px;
    height: 24px;
    line-height: 24px;
    background: #c2ccd1;
    color: #fff;
    pointer-events: none;
    cursor: default;
}

.personal_des .shead {
    width: 100%;
    line-height: 60px;
    height: 60px;
    border-bottom: 1px solid #eaeaea;
}

.personal_des .shead li {
    height: 100%;
    padding: 0 20px;
    color: #737373;
}

.personal_des .shead a {
    display: block;
    width: 100%;
    height: 100%;
    color: #737373;
}

.personal_des .shead .active a {
    color: #000;
}

.personal_des .shead input {
    margin-right: 5px;
}

.messagehead {
    display: inline;
}

.permessage .top li {
    float: left;
}

.messagelist {
    width: 943px;
    height: auto;
    overflow: hidden;
    line-height: 150%;
    color: #585858;
    border: 1px solid #eaeaea;
    border-top: 0;
}

.messagelist .messages {
    color: #585858;
    margin: 5px 0;
    height: auto;
    overflow: hidden;
    width: 98%;
    padding: 1%;
    position: relative;
}

.messagelist .top {
    width: 100%;
    height: 50px;
    line-height: 50px;
}

.messagelist .fl {
    width: 50px;
    height: 100%;
}

.messagelist .fr {
    width: 870px;
    height: 100%;
}

.messagelist .time {
    background: url(../images/list_time.png) no-repeat left center;
    text-indent: 20px;
}

.messagelist .top span {
    display: inline;
    width: auto;
}

.messagelist .top .btn {
    padding-right: 20px;
    color: #717171;
}

.messagelist .top .foldbtn {
    background: url(../images/fold.png) no-repeat right center;
}

.messagelist .top .unfoldbtn {
    background: url(../images/unfold.png) no-repeat right center;
}

.messagelist .checkbox {
    margin: 17px 0 0 20px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding: 5px;
    display: block;
    float: left;
}

.messagelist .checkbox input {
    opacity: 100
}

.messagelist .messages p:first-child {
    display: block !important;
}

.messagelist table {
    width: 100%;
    text-align: center;
}

.messagelist table th {
    padding: 20px 10px;
    border-left: 0
}

.messagelist table td {
    padding: 10px;
    border-left: 0;
}

.messagelist table .red {
    color: #ff8833 !important;
}

.messagelist table .green {
    color: #717171 !important;
}

.bidlist .btn {
    cursor: pointer;
}

/*person collection*/
.messages.butler_list.company {
    width: 943px;
    margin: 0;
    padding: 0;
}

.messages.butler_list.company .des {
    width: 860px;
    height: 140px;
    padding: 0;
}

.messages.butler_list.company .des:hover {
    border: 0;
}

.messages.butler_list.company dt {
    float: left;
    width: 160px;
    height: 90px;
    overflow: hidden;
    border: 1px solid #eaeaea;
}

.messages.butler_list.company dd {
    margin-top: 20px;
    float: right;
}

.messages.butler_list.company dd .c8 {
    display: block;
    background: url(../images/share_c8.png) no-repeat left center;
    text-indent: 20px;
}

.messages.company .pic {
    border: 0;
    height: 30px;
}

.messagelist .company .checkbox, .messagelist .users .checkbox {
    margin-top: 60px;
}

.messagelist .delete {
    position: absolute;
    right: 20px;
    top: 50px;
    width: 31px;
    height: 50px;
    background: url(../images/pic12.png) no-repeat center center;
    cursor: pointer;
}

.permessage .option {
    width: auto;
    margin-left: 20px;
    line-height: 50px;
}

.permessage .option .delete, .col_diary .delete {
    width: 31px;
    height: 50px;
    background: url(../images/pic12.png) no-repeat center center !important;
    cursor: pointer;
    position: relative;
    right: 0;
    top: 0;
}

.messagelist .delete:hover, .permessage .option .delete:hover, .col_diary .box .delete:hover {
    background: url(../images/pic13.png) no-repeat center center;
}

.messagelist .butler_list {
    border: 0;
}

.company-fav-box {
    float: left;
    border-top: 1px solid #eaeaea;
}

.company-fav-box:first-child {
    border-top: 0;
}

.messagelist .butler_list .users.des dt {
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
    border: 5px solid #dbdbdb;
    float: left;
}

.messagelist .butler_list dd {
    width: 730px;
}

.col_diary {
    width: 923px;
    padding: 0 10px;
    height: auto;
    overflow: hidden;
    border: 1px solid #eaeaea;
    border-top: 0;
}

.col_diary .box {
    width: 218px;
    margin: 10px 5px;
    float: left;
    height: 240px;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    position: relative;
}

.col_diary .box:hover {
    border-color: #fb8341;
}

.col_diary .box dt {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.col_diary .box dd {
    height: 40px;
    line-height: 40px;
    position: relative;
    text-indent: 5px;
}

.col_diary .box .delete {
    position: absolute;
    right: 0;
    top: -5px;
}

.personal_des .head {
    border-bottom: 1px solid #eaeaea;
    background: #f8f8f8;
}

.personal_des .inforcon {
    border: 1px solid #c0bcb6;
    height: auto;
    overflow: hidden;
    width: 943px;
    border-top: 0;
}

.personal_des .inforcon .left {
    float: left;
    width: 230px;
    height: 100%;
    text-align: center;
    border: 0;
    background: none;
}

.personal_des .inforcon .left .pic {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #eee;
    margin: 50px auto 20px;
}

.personal_des .inforcon .left .pic img {
    max-width: 100%;
    max-height: 100%;
}

.personal_des .inforcon .up_img {
    display: none;
}

.personal_des .inforcon .left .btn {
    background: #717171;
    text-align: center;
    color: #fff;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    width: 100px;
    margin: 0 auto 10px;
    display: block;
}

.personal_des .inforcon .left .upbtn {
    display: none;
}

.personal_des .inforcon .left .changebtn {
    margin-bottom: 10px;
    height: 30px;
}

.personal_list .inforcon .right {
    width: 700px !important;
    height: 100%;
    border-left: 1px solid #eaeaea;
    font-size: 14px;
    margin: 0;
}

.personal_list .inforcon .right > li, .inputs li {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eaeaea;
    text-indent: 20px;
    color: #a9a9a9;
    position: relative;
}

.personal_list .inforcon .right > li {
    float: left;
    width: 100%;
}

.personal_list .inforcon .li-col3 li {
    float: left;
    width: 33.3%;
}

.inputs select {
    margin-left: 16px !important;
}

.personal_list .inforcon .right .pics {
    height: 100px;
    line-height: 100px;
}

.personal_list .inforcon .right .pics label {
    display: block;
    left: 90px;
    top: 25px;
    position: absolute;
    width: 500px;
    height: 50px;
    overflow: hidden;
    cursor: pointer;
}

.personal_list .inforcon .right .pics label .pic {
    width: 50px;
    height: 50px;
    overflow: hidden;
    float: left;
}

.personal_list .inforcon .right .pics label .pic img {
    width: 100%;
}

.personal_list .inforcon .right .pics label .changebtn {
    width: 435px;
    float: right;
    margin-top: 10px;
}

.personal_list .inforcon .right .pics label #up_img {
    opacity: 1;
}

.personal_list .inforcon .right li div {
    line-height: 20px;
    text-indent: 0;
}

.personal_list .inforcon .right li input[type=text] {
    color: #3d3d3d;
    height: 30px;
    line-height: 30px;
    margin-left: 20px;
    text-indent: 10px;
    width: 300px;
    background: #fafafa;
}

.personal_list .inforcon .right li.errorput input[type=text] {
}

.personal_list .inforcon .right li .error {
    top: 15px;
    width: 300px !important;
    left: 110px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #ff7800;
}

.personal_list .inforcon .right li select {
    color: #3d3d3d;
    height: 30px;
    line-height: 30px;
    margin-left: 20px;
    text-indent: 2px;
    width: 300px;
    border: 1px solid #eaeaea;
    background: #fff;
}

.personal_list .inforcon .right li input:focus {
    border-color: #717171;
}

.personal_list .inforcon .right li span {
    color: #171717;
    overflow: hidden;
    word-break: break-all;
}

.personal_list .inforcon .right li textarea:focus {
    border-color: #717171;
}

.personal_list .inforcon .right li label {
    width: 50px;
}

.personal_list .inforcon .right li.upload label {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-left: 0;
}

.personal_list .inforcon .right li.upload label .pic {
    line-height: normal;
}

.personal_list .inforcon .right li.upload label input[type=file] {
    top: 30px;
}

.personal_list .inforcon .right li label input[type='radio'] {
    margin-right: 5px;
}

.personal_list .inforcon input.borderno {
    border: 0;
    margin-right: 10px;
    width: 252px !important;
    display: inline;
    text-indent: 0;
}

.personal_list .inforcon .right li .green {
    text-indent: 0;
    color: #717171;
    cursor: pointer;
}

.personal_list .inforcon .right .focus input {
    background: #fff !important;
    color: #717171 !important;
}

.personal_list .inforcon .right .button {
    text-align: center;
}

.personal_list .inforcon .right .button input {
    cursor: pointer;
    background: #717171;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    border: 0;
    height: 35px;
    width: 100px;
    margin: 0 auto;
}

.personal_list .inforcon .right .button .cancle {
    background: #a5a5a5;
}

.personal_list .inforcon .right .city {
    display: inline;
    margin-left: 16px;
}

.personal_list .inforcon .right .photo {
    height: 700px;
}

.personal_list .inforcon .wrapper li {
    text-indent: 0;
}

.personal_list .inforcon .wrapper span {
    text-indent: 0;
    color: #fff !important;
}

.p_infor_city {
    position: relative;
}

.p_infor_city .citys {
    position: absolute;
    left: 95px;
    margin-top: 20px;
    top: 0;
}

.p_infor_city .citys .dizhi_t {
    width: 400px;
}

.p_infor_city .dizhi_t .dizhi_t_2 {
    width: 100%;
}

.p_infor_city .city {
    left: 75px;
    margin-top: 20px;
}

.p_infor_city .city .option, .p_infor_city .city select {
    width: auto !important;
    display: inline;
    float: left;
}

.heibtn {
    height: 150px !important;
    border-bottom: 0 !important;
}

.heibtn input {
    margin-top: 50px !important;
}

.editbox {
    width: 95%;
    margin: 0 auto;
}

.wrapper .navigation .carousel img {
    width: 50px;
    height: 50px;
}

.header .collectbtn {
    cursor: pointer;
    color: #fff;
    text-align: center;
    padding: 15px 40px;
    text-indent: 20px;
    border-radius: 3px;
    margin-top: 50px;
    background: #ff8833;
}

.comp_top.brief .des li {
    padding: 0;
}

.comp_top.brief .des dt {
    border-radius: 0;
    width: 160px !important;
    height: 82px !important;
}

.comp_top.brief .des dt img {
    width: 100%;
}

.comp_top.brief .des h1 {
    display: inline;
    float: left;
    margin: 0;
}

.comp_top.brief .des .top {
    margin-top: 15px;
    height: 50px;
    width: auto;
    display: inline-block;
    overflow: hidden;
}

.comp_top.brief .des .top .pic {
    margin-top: 15px;
    margin-left: 10px;
}

.comp_top.brief .des .star_score {
    width: 250px;
}

.comp_top.brief .des .star {
    margin-top: 5px;
}

.comp_top.brief .des .fl {
    color: #848484;
}

.comhome .brief {
    margin: 0;
    height: auto !important;
    overflow: hidden;
}

.comhome .brief li {
    text-indent: 20px;
}

.comhome .brief1 {
    border-top: 0 !important;
}

.comhome .brief.brief1 {
    height: 120px !important;
}

.comhome .brief.brief1 .fl {
    line-height: 120px;
}

.comhome .brief.brief2 {
    height: 382px !important;
}

.comhome .brief.brief2 .fl {
    line-height: 362px;
}

.comhome .brief.brief2 .btn {
    background: #717171;
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    text-indent: 0;
    margin: 20px;
}

/*支付*/
.ordersub {
    height: 80px;
    width: 96%;
    background: #f8f8f8;
    padding: 40px 2%;
    vertical-align: middle;
    margin: 20px 0;
}

.ordersub dt {
    margin: 15px 10px 0 50px;
}

.ordersub dd {
    width: 90%;
}

.ordersub dd h1 {
    font-size: 22px;
    color: #3a3a3a;
    line-height: 50px;
}

.ordersub dd p {
    font-size: 14px;
    color: #989898;
    display: inline-block;
}

.ordersub .key {
    font-size: 24px;
    color: #eb242a !important;
    font-weight: bold;
    margin: 0 5px;
}

.payways {
    border: 1px solid #eaeaea;
    margin-bottom: 50px;
}

.payways .head {
    border: 0;
    border-bottom: 1px solid #eaeaea;
}

.payways .platform {
    margin: 0 30px 30px 30px;
    height: auto;
    overflow: hidden;
    width: 100%;
}

.payways .platform li {
    float: left;
    width: 158px;
    height: 44px;
    border: 1px solid #dddddd;
    margin-right: 20px;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
}

.payways .platform li:hover, .payways .platform li.active {
    border-color: #717171;
}

.payways .platform li.btn {
    display: none;
    background: #717171;
    border: 0;
    color: #fff;
}

.payways .platform a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

.payways .codepic {
    display: none;
    margin-left: 30px;
    margin-bottom: 30px;
    height: auto;
    overflow: hidden;
    width: 100%;
}

.payways .codepic dt {
    width: 160px;
    height: 160px;
    border: 1px solid #eaeaea;
    background: #fff;
    margin-right: 20px;
}

.payways .codepic img {
    width: 100%;
}

.payways .codepic h1 {
    font-size: 28px;
    margin-top: 40px;
    line-height: 40px;
}

.payways .codepic p {
    font-size: 22px;
    color: #ccc;
    line-height: 30px;
}

.payways .bank {
    margin-left: 30px;
    margin-bottom: 30px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.payways .bank input[type="text"] {
    width: 300px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    float: left;
}

.payways .bank input:focus {
    border-color: #717171;
}

.payways .bank .btn {
    background: #717171;
    height: 30px;
    line-height: 30px;
    width: 50px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    margin-left: 20px;
    display: block;
    float: left;
}

.payways .banklist {
    margin-left: 30px;
    width: 1100px;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
}

.payways .banklist li {
    float: left;
    width: 158px;
    height: 44px;
    border: 1px solid #dddddd;
    margin-right: 20px;
    text-align: center;
    line-height: 44px;
    margin-bottom: 20px;
}

.payways .banklist li.active {
    border-color: #717171;
}

.payways .banklist .btn {
    display: none;
    background: #717171;
    border: 0;
    color: #fff;
    clear: both;
    width: 200px;
    margin: 10px auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;;
}

.order_detail {
    border: 1px solid #EAEAEA;
    font-size: 14px;
    margin-bottom: 20px;
    border-top: 0;
    padding-bottom: 15px;
}

.order_detail.personal_des .head {
    border-left: 0;
    border-right: 0;
    margin-bottom: 15px;
}

.order_detail .cont {
    padding: 5px 30px;
    color: #878787;
    height: auto;
    overflow: hidden;
    line-height: 20px;
}

.order_detail .cont ul {
    width: 1067px;
    float: right;
}

.order_detail .cont li {
    color: #3d3c3c;
    float: left;
    width: 100%;
    font-size: 14px;
}

.order_detail .cont span {
    color: #3d3c3c;
    line-height: 20px;
}

.payhead {
    line-height: 40px;
    text-indent: 20px;
}

.inforcon .coninform .right {
    margin-bottom: 50px;
    width: 943px !important;
    height: auto;
    overflow: hidden;
}

.inforcon .coninform .right .big {
    height: auto;
    overflow: hidden;
    min-height: 436px;
    border-bottom: 0;
}

.coninform textarea {
    margin-left: 20px;
    margin-top: 20px;
    width: 800px;
    height: 150px;
    position: absolute;
}

.red {
    color: #e14561 !important;
}

.coninform .up_img {
    margin-left: 15px;
}

.coninform .contractchanges table {
    width: 95%;
    margin: 20px auto;
    border: 1px solid #eaeaea;
}

.coninform .contractchanges th, .coninform .contractchanges td {
    text-align: center;
}

.coninform .contractchanges input {
    background: none;
    border: 0;
    text-align: center;
}

.refundbtn,
.evlbtn,
.hkEvalbtn{
    cursor: pointer;
}

.paycheckbox-list {
    float: left;
    width: 940px;
}

.paycheckbox {
    display: block;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 12px;
    width: 202px;
    height: 84px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.paycheckbox.active {
    border-color: #e14561;
    border-width: 2px;
    width: 200px;
    height: 82px;
}

.paycheckbox.active input {
    border-color: #333;
}

.paycheckbox input {
    cursor: pointer;
    width: 100%;
    display: inline-block;
    color: #666 !important;
}

.add-paycheckbox {
    float: left;
    width: 82px;
    height: 82px;
    background: url(../images/plus.jpg) no-repeat center center;
    line-height: 150px;
    text-align: center;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 12px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *height: 1%;
}

.comenlist {
    height: auto;
    overflow: hidden;
    width: 1000px;
    float: right;
    background: #fff;
}

.comenlist .head {
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.comenlist .myhead {
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border: 1px solid #ccc;
}

.comenlist .wordbox {
    border: 1px solid #eee;
    display: block;
    height: 40px;
    line-height: 20px;
    width: 908px;
    padding: 10px;
    resize: none;
    color: #666;
    float: right;
    position: relative;
    background: #F6F6F6;
}

.comenlist .wordbox:focus {
    border-color: #F83;
    height: 60px;
}

.commentbox {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 20px 90px 20px 70px;
}

.commentbox .content {
    width: 930px;
    height: auto;
    position: relative;
}

.commentbox .comment-content2 {
    width: 930px;
    height: auto;
}

.commentbox .oldcomment {
    height: auto;
    overflow: hidden;
    width: 840px;
    min-height: 50px;
}

.commentbox .text-box, .replycommentbox, .replysomeonebox {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 30px;
}

.mast-login-box {
    position: absolute;
    top: 10px;
    left: 200px;
    z-index: 10;
}

.mast-login-box a {
    color: #717171;
    padding: 0 5px;
    cursor: pointer;
    text-decoration: underline;
}

.replycommentword, .comment-box {
    border-top: 1px solid #f4f4f4;
    padding: 10px 40px;
    position: relative;
}

.replycommentword:first-child, .comment-box:first-child {
    border-top: 0;
}

.replycommentword {
    margin-top: 10px;
}

.replycommentbox, .replysomeonebox {
    margin: 20px 0;
}

.comenlist .btn-off {
    border: 1px solid #ccc;
    color: #ccc;
    background: #F7F7F7;
}

.comenlist .btn {
    display: inline-block;
    position: absolute;
    right: 0;
    height: 25px;
    width: 80px;
    border: 0;
    background: none;
    color: #7D7D7D;
    letter-spacing: 5px;
    cursor: pointer;
}

.comenlist .btnbottom {
    bottom: 0;
    background: #717171;
    color: #fff;
    border-radius: 2px;
}

.comenlist .btntop {
    top: 5px;
    text-align: right;
}

.oldcomment .btntop {
    top: 17px;
}

.comenlist .word {
    color: #666;
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline;
    height: 30px;
    line-height: 30px;
    width: auto;
}

.comenlistnew {
    border-top: 1px solid #ccc;
}

.comenlistnew h1 {
    line-height: 50px;
    font-size: 14px;
    font-weight: bold;
    color: #717171;
}

.selectpos {
    position: relative;
    bottom: 0;
}

.selectpos-text {
    float: left;
    color: #a9a9a9 !important;
    text-align: left;
}

#selectpos {
    display: inline-block;
    width: 298px;
    height: 50px;
    margin-left: 5px;
    position: relative;
}

.selectpos .select-text {
    line-height: 30px;
    display: block;
    width: 100%;
    height: 30px;
    cursor: pointer;
    background: #fafafa;
    color: #3d3d3d;
    margin-top: 9px;
    border: 1px solid #ccc;
    text-indent: 2px;
}

.selectpos .xmenu {
    position: absolute;
    top: 0;
    left: 0;
}

.xmenu .top-label {
    margin-left: 10px !important;
    display: inline;
    width: auto !important;
}

.xmenu .a-btn-text {
    height: 30px;
    width: 100px;
    line-height: 30px;
}

.evaluatelist .evabox {
    height: auto;
    overflow: hidden;
    width: 943px;
    border: 1px solid #eaeaea;
    text-align: left;
    border-top: 0;
}

.evaluatelist .evabox .left {
    text-align: center;
    background: none;
    border: 0;
    font-size: 18px;
    color: #717171;
}

.evaluatelist .evabox1 {
    height: 300px;
}

.evaluatelist .evabox1 .left {
    height: 300px;
    line-height: 300px;
}

.evaluatelist .evabox2 {
    height: 500px;
}

.evaluatelist .evabox2 .left {
    line-height: 500px;
}

.evaluatelist .evabox2 textarea {
    margin-bottom: 10px;
}

.evaluatelist .evabox3 {
    height: 420px;
}

.evaluatelist .evabox3 .left {
    line-height: 420px;
}

.evaluatelist .evabox3 dt {
    border-radius: 50%;
    overflow: hidden;
    width: 100px !important;
    border-width: 3px !important;
}

.evaluatelist .evabox3 textarea {
    margin-top: 20px;
    margin-bottom: 10px;
}

.evaluatelist .evabox3 .cont {
    height: 50px;
    line-height: 50px;
}

.evaluatelist .evabox4 {
    height: 100px;
    line-height: 100px;
    text-align: center;
}

.evaluatelist .evabox4 input {
    height: 50px;
    width: 200px;
    line-height: 50px;
    border-radius: 3px;
    cursor: pointer;
}

.evaluatelist .evabox4 input:hover {
    background: #ff7800;
    color: #fff;
    border: 0;
}

.evaluatelist .cont li {
    width: 30%;
    float: left;
}

.evaluatelist .right {
    width: 730px;
    border-left: 1px solid #eaeaea;
    height: 100%;
}

.evaluatelist .right .box {
    width: 90%;
    padding: 5%;
}

.evaluatelist .right dl {
    width: 100%;
    height: 120px;
}

.evaluatelist .right dt {
    width: 120px;
    height: 100px;
    overflow: hidden;
    float: left;
    border: 1px solid #F8F8F8;
}

.evaluatelist .right dd {
    width: 520px;
    float: right;
}

.evaluatelist .right h1 {
    line-height: 50px;
    font-size: 24px;
}

.evaluatelist .right textarea {
    width: 100%;
    height: 100px;
    text-align: left;
    padding: 10px;
}

.checkstar {
    height: 40px;
    line-height: 24px;
    font-size: 14px;
}

.evlbox dl {
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    overflow: hidden;
}

.evlbox dt {
    width: 100px;
    height: 80px;
    overflow: hidden;
    float: left;
}

.evlbox dd {
    width: 220px;
    float: right;
}

.evlbox dd h1 {
    border: 0;
}

.evlbox textarea {
    width: 100%;
    height: 100px;
}

.praise-btn {
    background: url(../images/share_c1.png) no-repeat left center;
    padding-left: 20px;
    cursor: pointer;
}

.praise-btn.collected {
    background: url(../images/share_c1_g.png) no-repeat left center;
}

.chosepraise {
    height: 30px;
}

.resetpassword {
    min-height: 400px;
}

.resetpassword h1 {
    line-height: 50px;
    font-size: 16px;
    color: #717171;
    border-bottom: 1px solid #717171;
    margin-bottom: 20px;
}

.resetpassword p {
    font-size: 14px;
    line-height: 30px;
}

.resetpassword li {
    height: 40px;
    line-height: 40px;
    position: relative;
    margin: 30px 0;
}

.resetpassword li input {
    width: 300px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 70px;
    text-indent: 10px;
}

.resetpassword li i {
    position: absolute;
    margin-left: 340px;
    color: #aa0b0b;
}

.resetpassword .errorput input {
    border-color: #f00;
    box-shadow: 0 0 5px #aa0b0b;
}

.resetpassword .rightput {
    background: url(../images/check.png) no-repeat 400px center;
}

.resetpassword .button input {
    cursor: pointer;
}

.resetpassword .button:hover input {
    background: #717171;
    color: #fff;
    border: 0;
}

.resetpassword .successword {
    line-height: 100px;
    font-size: 20px;
    font-weight: bold;
    color: #717171;
}

.sbanner {
    height: 153px;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 0 10px #999;
}

.snav {
    height: 30px;
    line-height: 30px;
    width: 100%;
    margin: 20px auto;
    text-align: center;
}

.snav ul {
    display: inline-block;
    width: auto;
    height: 30px;
}

.snav li {
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    margin: 0 10px;
}

.snav .active, .snav li:hover {
    background: #717171;
    border-radius: 5px;
    color: #fff;
}

.snav a {
    color: #717171;
}

.snav .active a, .snav li:hover a {
    color: #fff;
}

.pagecont {
    width: 100%;
    height: auto;
    overflow: hidden;
    min-height: 500px;
}

.pagecont .fl {
    width: 18%;
}

.pagecont .fl li {
    border-bottom: 1px solid #eee;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 100%;
    font-size: 18px;
}

.pagecont .fl a {
    color: #999;
}

.pagecont .fl .title {
    height: 100px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #999;
    line-height: 20px;
    border-radius: 5px;
    padding: 20px 0;
}

.pagecont .fl .title img {
    width: 100px;
}

.pagecont .fl .active, .pagecont .fl li:hover {
    background: #96e287;
}

.pagecont .fl .active a, .pagecont .fl li:hover a {
    color: #fff;
}

.pagecont .fr {
    width: 80%;
}

.pagecont .fr h1 {
    text-align: left;
    line-height: 50px;
    height: 50px;
    color: #999;
    border-bottom: 1px solid #eee;
    margin-top: 30px;
    margin-bottom: 30px;
}

.pagecont .fr h1 span {
    font-size: 14px;
    margin-left: 10px;
}

.pagecont .fr p {
    line-height: 200%;
    color: #999;
    font-size: 14px;
    text-indent: 2em;
    margin-bottom: 10px;
}

.diary-box .head {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #f1f1f1 !important;
}

.diary-box .head:first-child {
    border-top: 0;
}

.diary-box .module5 {
    border-bottom: 0;
}

.module5-box {
    height: auto !important;
}

.bid-box .checkbox {
    margin: 0 0 0 4px;
}

.export-btn {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin: 10px 10px 10px 16px;
    text-align: center;
    text-indent: 0;
    background: #e3e3e3;
    color: #717171;
    cursor: pointer;
}

.export-btn:hover {
    background: #717171;
    color: #fff;
}

.export-btn span {
    color: #717171;
}

.export-btn:hover span {
    color: #fff;
}

.download-bid {
    float: left;
    margin: 5px;
    color: #dfdfdf;
}

.download-bid.active {
    text-decoration: underline;
    color: #717171;
}

.comment-text {
    word-break: break-all;
}

.bid-text {
    float: left;
    margin-top: 5px;
}

.comment-text .user i {
    color: #666;
}

.comment-box {
    position: relative;
}

.comment-hover {
    position: absolute;
    top: -36px;
    left: 22px;
    padding: 10px 20px;
    color: #585858 !important;
    background: #eaeaea;
}

.pay_success_ul {
    display: table;
    margin: 0 auto;
    text-align: right;
    width: 730px;
}

.pay_success_ul li {
    display: inline-block;
    text-align: left;
}

.pay_success_ul li p {
    border: 1px solid #e2e2e2;
    line-height: 1.4;
    margin-bottom: 10px;
    padding: 10px 18px;
}

.pay_success_ul li p.p1 img {
    float: left;
    margin-right: 20px;
}

.payWeixi_tit {
    background: #daeae7;
    color: #81918e;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 18px 30px;
}

.payWeixi_tit span {
    color: #323232;
}

.payWeixi_tit span.red {
    color: #ff7160;
}

.pay_demo {
    background: #ffffff;
    border-top: 4px solid #5dceba;
    padding: 28px 30px;
}

.pay_demo .pt {
    font-size: 28px;
    margin-bottom: 34px;
}

.pay_demo .pt img {
    margin-right: 8px;
    vertical-align: middle;
}

.pay_demo .pb {
    padding-top: 20px;
}

.pay_demo .pb a {
    color: #5ecfbb;
    font-size: 18px;
}

.pay_demo .pb a:hover {
    text-decoration: underline;
}

.coninform .button {
    text-align: center;
}

.personal_list .inforcon .right li input[type=text] {
    color: #3d3d3d;
    height: 30px;
    line-height: 30px;
    margin-left: 20px;
    text-indent: 10px;
    width: 300px;
    background: #fafafa;
}

.personal_list .inforcon .right li select {
    color: #3d3d3d;
    height: 30px;
    line-height: 30px;
    margin-left: 14px;
    text-indent: 2px;
    width: 254px;
    background: #fafafa;
    border: 1px solid #ccc;
}

.coninform .button > input {
    cursor: pointer;
    background: #717171;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    border: 0;
    height: 35px;
    width: 250px;
    margin: 0 auto;
}

.coninform .contract-change-box{
    margin-top:40px;
    padding-top:40px;
    border-top:1px solid #eaeaea;
}
 .contract-change-box textarea{
     width:874px;
     margin-left:22px;
     margin-top:5px;
 }

.coninform .contract-box table {
    margin: 0 auto;
}

.coninform .contract-box th, .coninform .contract-box td {
    padding: 10px;
    border: 1px solid #eaeaea;
}

.coninform .contract-box input {
    border: 1px solid #ccc;
    text-align: left;
    width: 80px;
    text-indent: 10px;
}

.coninform .contract-box #contract_change2 input{
    width:116px;
}

.coninform .contract-box input:focus {
    border: 1px solid #f83;
}

.contract-box select {
    width: 160px;
}

.contract-box #contract_change2 select{
    width:116px;
}

.contract-box .add-row {
    margin: 10px auto;
}

.newcontract li {
    width: 100%;
    height: auto !important;
}

.newcontract li > div {
    float: left;
    width: 50%;
    padding: 9px 0;
    text-indent: 20px !important;
}

.newcontract li i {
    width: 100%;
    text-indent: 105px;
    margin-top: 5px;
    margin-left: 5px;
    color: #f00;
    font-size: 12px;
}

.diary-uploade-tit {
    line-height: 20px;
}

.bigbox .uppics {
    float: left;
    margin-top: 10px;
    overflow: hidden;
}

.bigbox .uppics > li {
    float: left;
    width: 110px;
    height: 110px;
    margin-right: 10px;
    border: 1px solid #ccc;
    position:relative;
}

.bigbox .uppics > li > label {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.bigbox .uppics > li > label input[type=file] {
    top: 30px;
}

.bigbox .uppics > li > label > .pic {
    display: block;
    line-height: normal;
}

.upload-add-btn {
    float: left;
    width: 40px;
    height: 110px;
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #ccc;
    line-height: 110px;
    text-align: center;
    color: #ccc;
    font-size: 50px;
    cursor: pointer;
}

.write_diary .box .upload-tip {
    float: none;
    width: 100%;
    height: auto;
}

.upload-btn {
    float: left;
    margin: 10px 20px;
    background: #717171;
    border-radius: 2px;
    color: #fff !important;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 10px;
    text-indent: 0;
    cursor: pointer
}

.upload-btn:hover {
    background: #5dbf45;
}

table .upload-btn {
    margin: 0 5px;
}

.upload-btn-box .btn {
    display: block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #717171;
    color: #fff;
    padding: 0;
    border-radius: 3px;
    border: 0;
    cursor: pointer;
}

.upload-btn-box .btn {
    margin-top: 20px;
    width: 150px;
}

.my-diary-box {
    overflow: hidden;
    border-top: 1px solid #eaeaea;
}

.my-diary-box:first-child {
    border-top: 0;
}

.error-tips {
    display: none;
    color: #f00
}

.top-tab {
    float: left;
    margin-left: 20px;
    height: 40px;
    border: 1px solid #eaeaea;
    border-bottom: 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.top-tab > li {
    float: left;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-left: 1px solid #eaeaea;
    cursor: pointer;
}

.top-tab > li:first-child {
    border-left: 0;
}

.top-tab > li.active {
    background: #f8f8f8;
    color: #717171;
}

.top-tab-box {
    display: none;
    padding: 20px 0;
    border: 1px solid #eaeaea;
}

.top-tab-box.border-box {
    border: 0;
    border-top: 1px solid #eaeaea;
}

.top-tab-box.active {
    display: block;
}

.top-tab-box .personal_des {
    width: 900px;
    margin: 0 auto;
}

.top-tab-box .brief {
    width: 898px;
}

.top-tab-box .messagelist {
    width: 900px;
}

.top-tab-box .billtop dd {
    width: 730px;
}

/**管家详情公司信息**/

.butler-diaryd-box {
    padding-bottom: 100px;
}

.butler-diaryd-box .module5 .middle {
    padding: 0 20px 20px 0;
    height: auto;
}

.butler-detail-box .list {
    clear: none;
    margin: 0
}

.butler-detail-box .brief {
    margin-bottom: 26px;
}

.butler-detail-box .butler-company-box {
    width: 270px !important;
    float: right;
    border: 1px solid #eaeaea;
    padding-bottom: 26px;
    margin-bottom: 26px;
    overflow: hidden;
}

.butler-company-box .head {
    background: #717171;
    height: 70px;
    color: #fff;
    line-height: 30px;
    text-indent: 20px;
    width: 100%;
}

.butler-company-box .head h1 {
    color: #fff;
    padding-top: 10px;
}

.butler-company-box h2 {
    width: 92%;
    margin: 0 auto;
    overflow: hidden;
}

.butler-company-box .pic {
    width: 150px;
    height: 80px;
    margin: 20px auto;
    border: 1px solid #eaeaea;
    overflow: hidden;
}

.butler-company-box .tell {
    color: #717171;
    font-weight: bold;
    line-height: 30px;
    font-size: 14px;
}

.butler-company-box .btn {
    float: none;
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ff7800;
    border-radius: 2px;
    color: #ff7800;
    margin: 20px auto;
    cursor: pointer;
    text-align: center;
}

.butler-company-box .btn:hover {
    background: #ff7800;
    color: #fff;
}

.butler-company-box .collected {
    background: #ff7800;
    color: #fff;
}

.collectionbtn.collected {
    background: #ff7800;
    cursor: pointer;
    color: #fff !important;
}

.butler-company-box .clear {
    width: 80%;
    margin: 0 auto;
    line-height: 25px;
    color: #9f9f9f;
    vertical-align: middle;
}

.butler-company-box .clear p {
    color: #717171;
    font-weight: bold;
    line-height: 30px;
}

.butler-company-box .clear li img {
    vertical-align: middle;
    width: 20px;
}

.butler-company-box .clear li .precision img {
    width: 12px;
}

#jsChangePhoneDialog .find-password-captcha {
    left: 0;
}

.butler-fav-box .des {
    height: 110px;
}

.messagelist .butler-fav-box dd {
    width: 770px;
}

.butler-fav-box .des h1 > a {
    color: #464646;
}

.butler-fav-box .cont {
    height: auto;
    margin: 0;
}

.butler-fav-box .cont > li {
    width: auto;
}

.diary-fav-box .diary-p {
    line-height: 30px;
}

.diary-fav-box .cont > li {
    padding-left: 0;
}

.icon-inline {
    display: inline-block;
}

.icon-diary-supervisor {
    width: 36px;
    height: 18px;
    background: url(../images/icon-diary-jl.png) no-repeat 0 center;
}

.icon-diary-my {
    width: 36px;
    height: 18px;
    background: url(../images/icon-diary-my.png) no-repeat 0 center;
}

.icon-diary-user {
    width: 36px;
    height: 18px;
    background: url(../images/icon-diary-user.png) no-repeat 0 center;
}

.icon-release-over {
    width: 46px;
    height: 18px;
    background: url(../images/icon-release-over.png) no-repeat 0 center;
}

.icon-release-active {
    width: 46px;
    height: 18px;
    background: url(../images/icon-release-active.png) no-repeat 0 center;
}

.icon-release-on {
    width: 46px;
    height: 18px;
    background: url(../images/icon-release-on.png) no-repeat 0 center;
}

.icon-absolute {
    position: absolute;
    display: block;
}

.icon-off-time {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.bg-mask {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    filter: Alpha(opacity=0.6);
}

.top-font {
    position: relative;
    z-index: 30;
    color: #fff !important;
}

.Releasecont .brief td {
    padding: 20px;
    border: 0;
}

.Releasecont .brief .title {
    font-size: 18px;
    color: #717171;
    text-align: center;
    border-right: 1px solid #ededed;
    line-height: 26px;
}

.company-fav-box .des {
    width: 920px !important;
}

.butler_list.company-fav-box dd {
    width: 735px !important;
}

.company-credit img {
    margin: 6px 8px 0 0
}

.companycenter .company-diary-wrap {
    height: auto !important;
    overflow: hidden;
}

.companycenter .company-diary-box {
    width: 945px;
    height: auto;
    margin-top: 0;
    border: 0;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
}

.companycenter .company-diary-box .left {
    background: #fff;
    border: 0;
}

.companycenter .company-diary-box .right {
    width: 725px;
}

.companycenter .company-diary-box .middle {
    height: auto;
    padding-right: 20px;
    word-break: break-all;
}

.diary-share-box .bdsharebuttonbox {
    margin-top: 0;
}

.group-share-box {
    position: absolute;
    left: 0;
    bottom: 15px;
}

/**公共样式start**/

/**按钮**/
.btn-center {
    text-align: center;
    margin-bottom: 50px;
}

.button {
    display: block;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff !important;
    cursor: pointer;
    text-align: center;
    text-indent: 0 !important;
}

.btn-green {
    background: #717171;
}

.btn-green:hover {
    background: #5dbf45;
}

.btn-w100 {
    width: 100px;
}

.btn-hei30 {
    height: 30px;
    line-height: 30px;
}

.btn-unedit {
    color: #dfdfdf !important;
}

.btn-diabled {
    background: #ccc !important;
    color: #fff !important;
}

.btn-hkpay{
    width:200px;
    margin: 0 auto 60px;
}

/**上传**/

.hei100 {
    height: 100px !important;
}

.upload-image-box {
    display: block;
    width: auto !important;
    height: 50px;
    margin: 25px 20px;
    cursor: pointer;
    overflow: hidden;
}

.pic-box {
    line-height: normal;
}

.upload-inp-box {
    position: relative;
    overflow: hidden;
}

.upload-inp-box .button {
    margin: 8px 25px;
}

.upload-inp-box .btn-mar0 {
    margin: 0
}

.upload-inp-box input[type=file] {
    position: absolute;
    right: 0;
    top: 0;
    height: 35px;
    opacity: 0;
    filter: Alpha(opacity=0);
    cursor: pointer;
}

.changearea .upload-inp-box {
    margin: 0 65px;
}

.changearea .button {
    margin: 0;
}

.table-box table {
    width: 100%;
}

.table-box th {
    line-height: 40px;
}

.table-box .lh12 th {
    line-height: 12px;
}

.table-box td {
    line-height: 18px;
}

.table-box th, .table-box td {
    padding: 10px;
    text-align: center;
}

.table-box td a {
    color: #717171;
}

.table-box td a:hover {
    text-decoration: underline;
}

.price-standard-box .key {
    cursor: pointer;
}

/**公共样式end**/
.comp-img-box {
    position: relative;
    display: block;
    height: 190px;
    line-height: normal;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
}

.Countdown {
    font-size: 14px;
}

.Countdown span {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    background: #f4f4f4;
    color: #fb8341;
    text-align: center;
    font-size: 16px;
    margin: 0 5px;
}

.gray {
    color: #dfdfdf !important;
}

.scrollLoading {
    background: url(../images/rolling.gif) no-repeat center center #fff !important;
}

.evl-dialog h1 {
    margin-bottom: 0;
}

.evl-dialog p {
    margin-bottom: 6px;
}

/**帮助中心**/

.help_content {
    color: #5c5c5c;
    margin: 0 auto 50px;
    width: 100%;
}

.help_content .crumbs {
    padding: 14px 0 19px;
}

.help_content .crumbs a {
    color: #a2a2a2;
}

.help_content .crumbs a:hover {
    color: #00ad29;
}

.help_content .crumbs .colorgreen {
    color: #01a469;
}

.help_content .leftsubnav {
    background: #f4f4f4;
    float: left;
    margin-bottom: 20px;
    width: 220px;
}

.help_content .leftsubnav ul li {
    font-size: 14px;
    border-bottom: 1px dashed #e2e2e2;
    padding: 14px 0 12px 20px;
}

.help_content .leftsubnav ul li.on {
    background: #00ad29;
}

.help_content .leftsubnav ul li.on a {
    color: #fff;
}

.help_content .leftsubnav .bigclass {
    margin-left: 20px;
    margin-bottom: 5px;
}

.help_content .leftsubnav .bigclass i {
    background: url("../images/help_index_pic.gif") no-repeat scroll 0 -39px;
    display: inline-block;
    float: left;
    height: 16px;
    margin-top: 22px;
    width: 16px;
}

.help_content .leftsubnav .bigclass .sm_pic3 {
    background-position: -18px -39px;
}

.help_content .leftsubnav .bigclass .sm_pic4 {
    background-position: -36px -39px;
}

.help_content .leftsubnav .bigclass a {
    color: #5c5c5c;
    display: inline-block;
    font-family: "微软雅黑";
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    padding: 20px 4px 2px;
}

.help_content .leftsubnav a {
    color: #999;
}

.help_content .leftsubnav .stuff {
    height: 48px;
}

.help_content .rightcontent {
    color: #999;
    float: right;
    margin-left: 12px;
    overflow: hidden;
    width: 968px;
}

.help_content .rightcontent .title h3, .detail h3 {
    background: #f4f4f4;
    color: #717171;
    font-family: "黑体";
    font-size: 18px;
    font-weight: normal;
    line-height: 36px;
}

.rightcontent .detail h3 {
    font-weight: bold;
    padding-left: 22px;
}

.help-detail {
    padding: 10px;
    text-indent: 2em;
    min-height: 216px;
}

.help-detail p{
    padding-top: 8px;
}

.rightcontent .detail .content {
    color: #5c5c5c;
    padding: 20px 18px;
    min-height: 216px;
}

.rightcontent .detail .content p {
    text-indent: 2em;
    line-height: 22px;
    margin: 5px 0;
}

.help_content .rightcontent ul.one li {
    padding-left: 20px;
}

.help_content .rightcontent ul.one li a {
    color: #5c5c5c;
    cursor: pointer;
    line-height: 32px;
}

.help_content .rightcontent ul.one li.single {
    background: #f4f4f4;
}

.help_content .rightcontent ul.one li span {
    color: #fe7902;
    line-height: 32px;
    margin-right: 12px;
}

.help_content .rightcontent .normal {
    border: 1px solid #e2e2e2;
    float: left;
    width: 248px;
}

.help_content .rightcontent dl {
    margin: 2px;
}

.help_content .rightcontent dt {
    color: #5c5c5c;
    padding: 8px 10px 14px;
}

.help_content .rightcontent dd {
    border-top: 1px dashed #f4f4f4;
    padding: 6px 12px;
}

.help_content .rightcontent dd.frist {
    border: 0;
}

.help_content .rightcontent dd span {
    background: url("../images/help_index_pic.gif") no-repeat scroll 0 -67px;
    display: inline-block;
    float: left;
    height: 12px;
    width: 12px;
}

.help_content .rightcontent dd span.on {
    background-position: 0 -55px;
}

.help_content .rightcontent dd a {
    color: #999;
    cursor: pointer;
    line-height: 12px;
    padding-left: 5px;
}

.help_content .rightcontent .middle {
    float: left;
    margin-right: 10px;
    width: 708px;
}

.help-txt-box {
    float: left;
    width: 100%;
}

.help-txt {
    border: 1px solid #f4f4f4;
}

.help-txt p {
    color: #5c5c5c;
    font-size: 12px;
    text-indent: 2em;
    margin-bottom: 10px;
}

.help_content .leftsubnav a:hover,
.help_content .leftsubnav a.active,
.help_content .rightcontent ul.one li a:hover,
.help_content .rightcontent ul.one li a.active,
.help_content .rightcontent ul.two a:hover,
.help_content .rightcontent ul.two a.active,
.help_content .rightcontent dd a:hover,
.help_content .rightcontent dd a.active {
    color: #00ad29;
}

::-webkit-input-placeholder {
    color: #838383;
}

:-moz-placeholder {
    color: #838383;
}

.placeholder {
    color: #ccc;
}

.pagecont .hlep-hw {
    width: 100%;
}

.hk-auto-height {
    height: auto !important;
}

.hk-auto-height .right {
    margin-bottom: 40px;
}

.table-overflow {
    overflow-y: hidden !important;
    overflow-x: auto !important;
}

.table-overflow table {
    width: 150% !important;
}

.empty-box{
    min-height:200px;
    text-indent:20px;
    padding-top:20px;
    font-size:14px;
}

.diary-edit{
    padding:5px 15px;
    background:#717171;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#fff;
    cursor: pointer;
}

.diary-edit:hover{
    background:#00ad29;
}

.delete-diary-pic{
    position:absolute;
    top:0;
    right:0;
    padding:5px 10px;
    line-height:normal;
    background:rgba(0,0,0,0.6);
    background:#000\9;
    color:#fff;
    text-align:center;
    z-index:9999;
    cursor:pointer;
}

.user-sinput-box{
    position:relative;
}

.user-list{
    position: absolute;
    left:110px;
    top:45px;
    width:250px;
    max-height:250px;
    padding:10px 0;
    overflow-x:hidden;
    overflow-y:scroll;
    background:#fff;
    border:1px solid #717171;
    z-index:999;
    display:none;
}

.diary-user-list{
    width:259px;
    left:80px;
    bottom:48px;
    top:auto;
}

.user-list > li{
    width: 100%;
    margin-top:10px;
    line-height:20px;
    text-indent:10px;
    background: #efefef;
    color:#333;
    cursor: pointer;
}

.diary-user-list > li{
    height:45px;
    line-height:45px;
}

.user-list > li:first-child{
    margin-top:0;
}

.user-list > li:hover,
.user-list > li.active{
    background:#ddd;
}

.sec_topr_tab {
    border-bottom: 2px solid #717171;
    height: 58px;
    width: 308px;
}
.sec_topr_tab li {
    border-left: 1px solid #eee;
    float: left;
    height: 58px;
    margin-left: -1px;
    width: 77px;
}
.sec_topr_tab li a {
    color: #333;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 18px;
    padding: 12px 20px;
    text-align: center;
    width: 34px;
}
.sec_topr_tab .on a {
    color: #717171;
    font-weight: bold;
}
.index_ico_arrow {
    background:url(../images/tab-jt.png) no-repeat 0 0;
    display: inline-block;
    height: 6px;
    left: 38px;
    position: absolute;
    top: 60px;
    width: 13px;
}
.sec_top_p{
    margin:15px 0 5px;
    color:#333!important;
    text-indent:21px;
    text-align:left;
}

.company-payment-info > li{
    float:left;
    width:50%;
    height:30px;
    line-height:30px;
    margin-bottom:10px;
    color:#999;
}

.company-payment-info > li > span{
    color:#666;
}

.list .right .hd-btn{
    height:30px;
    line-height:30px;
    padding:0 10px;
    margin:10px 10px 10px 0;
    background:#717171;
    color:#fff;
    text-indent:0;
    text-align: center;
}

.list .right .hd-btn:hover{
    background:#00ad29;
}

#MsgDot{
    position:absolute;
    left:75px;
    top:20px;
    width:20px;
    height:20px;
    line-height:20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background:#ff7800;
    text-align:center;
    font-size:12px;
    color:#fff;
}

.my-diary-step{
    position:relative;
    width:905px;
    border:0;
    border-bottom: 1px solid #eaeaea;
    margin:20px;
    padding:0;
}

.my-diary-step .diary-step-box{
    position: relative;
    float:left;
    width:auto;
    border:0;
    padding-bottom:20px;
    overflow:hidden;
}

.my-diary-step .step{
    float:left;
    overflow:hidden;
}

.my-diary-step .step li{
    margin:0 0 0 10px;
}

.my-diary-step .step li:first-child{
    margin:0;
}

.my-diary-step .step li.active:hover{
    background: #717171;
    border: 3px solid #b6e2ac;
}

.my-diary-step .step li:hover{
    background: #afafaf;
    border: 3px solid #d7d7d7;
}

.my-diary-step div.line{
    width:100%;
    top:43%;
}
.contract-info-box{
    margin-bottom:10px!important;
}

.coninform .contract-desc{
    position:relative;
    width:876px;
    padding:10px;
    margin-bottom:50px;
}

.pay-way{
    cursor: pointer;
}
.personal_list .inforcon .li-col3 .contract-desc-li{
    width:923px;
    height:auto;
    padding:10px;
    line-height:25px;
    color:#171717;
    overflow:hidden;
}
.inline-label{
    display:inline-block;
    width:150px!important;
    text-align:right;
    text-indent:0;
}

.registbox .box span{
    width:90px;
}

.registbox .box input{
    width:223px;
}
.registbox .mobile-register-captcha{
    height:auto;
    left:auto;
}
.right .bgmk{
    background: #ffffff;width: 350px; height:220px;border-radius:15px;
    position: absolute;
    top: 100px;
    left: 42%;

}

